li:not(:last-child) { color: blue; } 在这个例子中,:not(:last-child)选择器选择了所有不是最后一个子元素的li元素,并将它们的文字颜色设置为蓝色。这样,只有第一个、第二个和第三个列表项的文字会变成蓝色,最后一个列表项的文字颜色将保持不变。 与其他选择器结合使用 :not()选择器还可以与其他CSS选...
不建议直接写在代码里，那么css就能轻而易举的解决这个问题，这是不是很给力，它就是“:nth-child”...
结构伪类选择器是针对 HTML 层级结构的伪类选择器。 常用的结构化伪类选择器有: :root选择器、:not选择器、:only-child选择器、:first-child选择器、:last-child选择器、 :nth-child选择器、:nth-child(n)选择器、:nth-last-child(n)选择器、:nth-of-type(n)选择器、 :empty选择器、:target选择器。 这些...
css中:not()选择器用法 :not 伪类选择器可以筛选不符合表达式的元素,:not(selector)其中的selector为css选择器 ul li:not(:first-child) ul li:not(.text) //不包含class="text"的元素 :not(p) //非段落元素 ul li:not(:first-child):not(:last-child) //not可叠加使用 jQuery中.not()方法 not(...
可以和:last-child或:first-child混合用 可能开发时遇到需要除最后一个元素之外全部加border-right,这个时候可用到:not 代码如下 <!DOCTYPE html> Document div p span:not(:last-child) { border-right: 1px solid red; } 1 2 3 4...
以下两种情况:not()选择器均不生效 :first-child 列表元素前面有元素不生效 :last-child 列表元素后面有元素不生效 解决:将列表元素用div包起来
.aa > .bb:first-child:not(:last-child){border: solid;}这个选择器为什么选择的不是.aa下的第一个子元素bb下的除了最后一个子元素其他所有子元素?而是选择bb? css 有用关注3收藏 回复 阅读9.3k 3 个回答 得票最新 dodomonster 2.1k51828 发布于 2016-12-10 更新于 2016-12-10 那个选择器的意思是...
要选择除了最后一个元素之外的所有元素,可以结合使用 :not() 和:last-child 伪类选择器。:last-child 选择器用于匹配其父元素的最后一个子元素,而 :not(:last-child) 则会排除这些元素。 3. 示例:使用:not()和其他CSS选择器结合 以下是一个具体的HTML和CSS示例,展示了如何使用 :not(:last-child) 来选择除...
li:not(:last-child){border-right:1pxsolid#333; } 这种需求最常见的是在导航上,每个元素都需要加个右边框或者其他间隔符,我们最常用的办法是给所有的元素都加上右边框,然后给最后一个元素另外加一个class或者使用last-child之类的选择器去掉右边框,也有用JS去除的。无论那种方法,总要多写代码,尤其是JS的,很...
*/.listItemli:not(:last-child) {border-bottom:1pxsolid green; }/* 与第一个li相连兄弟 */.listItemli:first-child ~li{border-left:1pxsolid#666; }列表1列表2列表3列表4列表5