Question

所以我们假设我们有 N 孩子，我们希望使用一个选择器来为所有孩子着色。有没有可能的方法没有使用：not（...）伪类？例如：

  <!DOCTYPE html>
    <html>
    <head>
    <style> 
p:not(:first-child){
    background: #ff0000;
}
</style>
</head>
<body>

<div><p>This is a paragraph.</p>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>



</div>

</body>
</html>

这选择并着色红色所有孩子都期望第一个，但我想做那个而不使用：not（）。有没有办法做到这一点？

Answer 1

以相反的方式做事吗？

<style> 
    p {background:#ff0000;}
    p:first-child {background:none;}
</style>

Answer 2

选中此fiddle

改为使用：

 p + p

在css中使用not（）伪类的替代方法

2 个答案: