css – 如何跳过第一个孩子?

前端之家收集整理的这篇文章主要介绍了css – 如何跳过第一个孩子?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<div id="main">    
  <p> one </p>    
  <p> two </p>
  <p> three </p>
  <p> four </p>
  <p> five </p>
<div>

我不想在第一个< p>一个< / p>

p {color:red}

我需要的正好相反:第一个孩子。

解决方法

the negation pseudo-class
p:not(:first-child) { color: red; }

浏览器支持现在是very strong,但备选方案包括

p { color: red; }
p:first-child { color: black; }

和:

* + p { color: red; }
原文链接:https://www.f2er.com/css/221057.html

猜你在找的CSS相关文章