谁能告诉我在父级而不是直系子级中查找元素的选择器是什么。例:
<body class="main">
<p class="text">Hello</p> <!-- don't select this one -->
<elem class="something">
<elem id="link">
<elem class="otherclass">
<p class="text">Hello</p> <!-- but this one -->
</elem>
</elem>
</elem>
</body>
Run Code Online (Sandbox Code Playgroud)
所以我想在不知道之间以及使用纯CSS的元素数量的情况下查找.textvia .main。
谢谢
您可以使用以下选择器:
.main > * .text
Run Code Online (Sandbox Code Playgroud)
它将选择.text属于的后代的所有元素.main,而不是直接子代的所有元素。
您可以简单地用于所有客户端元素:
.main .text
{
/*css*/
}
Run Code Online (Sandbox Code Playgroud)
为了避免后代元素(中间子元素),您应该在以下之间添加 *:
.main * .text
{
/*css*/
}
Run Code Online (Sandbox Code Playgroud)