1. 解释“CSS not last child”选择器的概念 在CSS中,:not(:last-child) 选择器用于选取不是其父元素中最后一个子元素的所有元素。这个选择器组合了 :not() 伪类和 :last-child 伪类,通过排除是最后一个子元素的元素,实现对其他所有元素的选中。
不建议直接写在代码里,那么css就能轻而易举的解决这个问题,这是不是很给力,它就是“:nth-child”...
1.last-child .ul li{border:1px solid red;}.ul li:last-child{border:none;} ul最后一个li元素无边框。 2.:not() .ul li:not(:last-child){border:1px solid red;} ul最后一个li元素无边框。 两种作用一样的样式写法,第二种更语义化一些。
CSS伪类 (Pseudo-classes) 伪类包括选择器伪类、锚类伪类、内容伪类 选择器伪类(:first-child、:nth-child(n)、:last-child) 锚类伪类(:link、:visited、:hover 、:active) 内容伪类(:after 、 :before) 效果图: 效果图: CSS3的first-child和last-child选择器用法总结(很容易犯才错误,有几个坑!) 节点的...
要使用CSS选择元素中除最后一个之外的所有子元素,可以使用使用:not和:last-child选择器。 语法: element:not(:last-child) { // CSS样式 } :not(selector) 选择器:用来匹配非指定元素/选择器的每个元素。 :last-child选择器:用来匹配父元素中最后一个子元素。
CSS结构伪类选择器之否定伪类:not() 结构伪类选择器是针对 HTML 层级结构的伪类选择器。 常用的结构化伪类选择器有: :root选择器、:not选择器、:only-child选择器、:first-child选择器、:last-child选择器、 :nth-child选择器、:nth-child(n)选择器、:nth-last-child(n)选择器、:nth-of-type(n)选择器、...
.aa > .bb:first-child:not(:last-child){border: solid;}这个选择器为什么选择的不是.aa下的第一个子元素bb下的除了最后一个子元素其他所有子元素?而是选择bb? css 有用关注3收藏 回复 阅读9k 3 个回答 得票最新 某熊猫桑 16.1k61547 发布于 2016-12-10 .aa > .bb:first-child>div:not(:last-...
如果是not选择器的问题,你可以设置所有的,覆盖最后一个
:not(:last-child)就是排除最后一个,直接active.last-child 有用 回复 昵称: 修改了问题,我不想选中最后一个active 回复2018-09-20 ln0909: 把after去掉就可以 回复2018-09-20 昵称: 但是我的红色是用after元素生成的,去掉了其他的没有红色了 回复2018-09-20 共4 条评论 ...
css中first-child、last-child不生效问题 css中first-child、last-child不生效查看引用的是否正确;使用li:first-of-type只选中为li的伪元素