其实很多时候我们都能用到css的选择器功能，比如调用N篇文章，想设置奇数行显示一种颜色，偶数行显示一...
要使用CSS选择元素中除最后一个之外的所有子元素,可以使用使用:not和:last-child选择器。 语法: element:not(:last-child) { // CSS样式 } :not(selector) 选择器:用来匹配非指定元素/选择器的每个元素。 :last-child选择器:用来匹配父元素中最后一个子元素。 示例1:创建一个导航菜单,除最后一个元素外,菜...
:nth-child选择器、:nth-child(n)选择器、:nth-last-child(n)选择器、:nth-of-type(n)选择器、 :empty选择器、:target选择器。 这些基本上都很常用,今天着重说下:否定伪类:not() 否定伪类特别有用,在css中, :not选择器 用于匹配非指定元素/选择器的每个元素,语法格式: :not(selector) 比如:假设我想选...
你可能会遇到一些较旧的文章,其中提到 :not() 只能接受简单的选择器,如果需要定位多个项目,你需要像 :not(.foo):not(.bar) 这样链式调用它们。这是过时的。选择器规范的第四版已更新语法,现在可以接受选择器列表,因此现在你可以这样写::not(.foo, .bar)。 你可以通过在 @supports 规则中使用 selector() ...
在css中,可以利用“:last-child”和“:not()”选择器来不选最后一个元素,语法格式“元素:not(:last-child)”。last-child选可以匹配最后一个子元素,而not()可以匹配非指定元素/选择器的每个元素。 本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
.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(selector) 其中selector 是你想要排除的选择器。这意味着,:not() 选择器会匹配所有不满足 selector 的元素。 2. 使用:not()选择器选择除了最后一个元素之外的所有元素 要选择除了最后一个元素之外的所有元素,可以结合使用 :not() 和:last-child 伪类选择器。:last-child 选择器用于匹配其父元素的最后...
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可叠加使用 ...
:not()在CSS手册中的说明是:匹配不含有s选择符的元素E。 浏览器兼容性:IE9+ 1、使用:not()去除列表最后一个元素的右边框 效果如下: blog 诗词 语句 摄影 作品 CSS代码: li:not(:last-child){border-right:1pxsolid#333; } 这种需求最常见的是在导航上,每个元素都需要加个右边框或者其他间隔符,我们最常...
以下两种情况:not()选择器均不生效 :first-child 列表元素前面有元素不生效 :last-child 列表元素后面有元素不生效 解决:将列表元素用div包起来