如何使用css选择器选择所有的html元素而不是第一个元素？
如何使用css选择器选择所有的html元素而不是第一个元素？
提问于 2018-07-19 01:48:21
我尝试选择.container中的所有元素，但不包括.Head及其所有子元素(以及子元素的子元素，等等)。
有没有办法让所有的元素独立于它们的种类？类似于通配符*
// I know, this is not valid. What is the element that I can replace the (*)
.container *:not(:first-child) select {
background: yellow;
}红色轮廓内的所有项目都应从选择器中排除。我该怎么做呢？
.container :not(:first-child) {
font-weight: bold;
font-style: italic;
background-color: yellow;
}
.Head {
border: 2px dashed red;
}<div class="container">
<div class="Head" style="border: 2px dashed red;">
Target to exclude from the selector
<div>Target to exclude</div>
<div>Target to exclude</div>
</div>
<p>Target to select<p>
<ul>
<li>Target to select</li>
</ul>
<h1>Target to select</h1>
<p class="anotherparagraph">Target to select</p>
<span>Target to select</span>
</div>
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-07-19 03:01:27
.container > *:not(.Head), .container > *:not(.Head) * { }...should做这件事。
Stack Overflow用户
发布于 2018-07-19 03:11:45
您必须从CSS中的容器中排除.Head类，如示例所示。
.container > :not(.Head){
font-weight: bold;
font-style: italic;
background-color: yellow;
}
.Head {
border: 2px dashed red;
}<div class="container">
<div class="Head" style="border: 2px dashed red;">
Target to exclude from the selector
<div>Target to exclude</div>
<div>Target to exclude</div>
</div>
<p>Target to select<p>
<ul>
<li>Target to select</li>
</ul>
<h1>Target to select</h1>
<p class="anotherparagraph">Target to select</p>
<span>Target to select</span>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51408155
复制相关文章
相似问题