当前位置:  开发笔记 > 前端 > 正文

使用CSS3选择除第一个元素外的所有元素

如何解决《使用CSS3选择除第一个元素外的所有元素》经验,为你挑选了1个好方法。

我需要选择所有标题,但第一个

first
second
third
fourth

使用jquery我会这样做$(".header:not(:first)"),但我只限于CSS/CSS3.除了我的例子,我不能标记其他元素.

使用.header:not(:first-child)不会做的伎俩



1> Josh Crozier..:

.header元素是不是兄弟姐妹,所以你应该选择所有但第一个.block元素,然后选择后代.header从那里:

.block:not(:first-child) .header {}

根据您的标记,如果元素的类型不同,您可能还想取消第一个类型:

.block:not(:first-of-type) .header {}

.block:not(:first-child) .header {
  color: #f00;
}
first
second
third
fourth
推荐阅读
郑小蒜9299_941611_G
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有