如何忽略第一段但影响CSS中的所有其他段?

Moh*_*qui 2 html css css-selectors css3

在使用选择器时,我们如何忽略第一个元素然后影响该选择器中的所有剩余元素?

例如:

<p>Users said:</p>
<p>Hey Ya!</p>
<p>Hey Ya 2!</p>
<p>Hey Ya 3..!</p>
Run Code Online (Sandbox Code Playgroud)

现在我想忽略第一个说的Users said:,并影响所有其他 <p>的.我看了看:gt选择器,但没有帮助.有没有替代方法:gt或任何其他方式来做到这一点?

提前致谢.

Eun*_*Eun 7

p:not(:first-child) {
    background-color: #FF0000;
}
Run Code Online (Sandbox Code Playgroud)

请注意,这仅适用于css3


如果你有一个较旧的浏览器,你应该做这样的事情

p {
    background-color: #FF0000;
}
p:first-child {
    background-color: transparent;
}
Run Code Online (Sandbox Code Playgroud)

您基本上需要还原为第一个元素所做的更改

  • 具体来说,IE 8及更早版本,Safari 1.2及更早版本以及Opera 9及更早版本不支持[`:not()`(http://www.browsersupport.net/CSS/%3Anot%28%29) . (2认同)