要使用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(selector) 伪类选择器(非) 选择非指定元素/选择器的每个元素 :nth-child(n) 伪类选择器(特定位元素-顺序) 顺序选择每个层级的第 n 个元素( n 可以是数字,关键字或公式) :nth-last-child(n) 伪类选择器(特定位元素-倒序) 倒序选择每个层级的第 n 个元素( n 可以是数字,关键字或公式) :nth-of-...
li:not(:last-child) { color: blue; } 在这个例子中,:not(:last-child)选择器选择了所有不是最后一个子元素的li元素,并将它们的文字颜色设置为蓝色。这样,只有第一个、第二个和第三个列表项的文字会变成蓝色,最后一个列表项的文字颜色将保持不变。 与其他选择器结合使用 :not()选择器还可以与其他CSS选...
:nth-child选择器、:nth-child(n)选择器、:nth-last-child(n)选择器、:nth-of-type(n)选择器、 :empty选择器、:target选择器。 这些基本上都很常用,今天着重说下:否定伪类:not() 否定伪类特别有用,在css中, :not选择器 用于匹配非指定元素/选择器的每个元素,语法格式: ...
:last-child: 选择父元素中的最后一个子元素。 :nth-child(n): 选择父元素中的第n个子元素。 :nth-last-child(n): 选择父元素中的倒数第n个子元素。 :only-child: 选择父元素中唯一的子元素。 :not(selector): 选择不匹配指定选择器的第一个子元素。
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可叠加使用 ...
4.3.4、:only-child 匹配属于其父元素中的唯一子元素 4.3.5、:nth-child(n)匹配属于其父元素中的第n个子元素 4.4、否定伪类:将匹配的元素排除在外 语法::not(selector); 5、伪元素选择器 5.1、::first-letter 获取匹配元素的第一个字母(字符)
CSS selector: `:nth-last-child()` Global usage 97.39% + 0% = 97.39% IE ❌ 6 - 8: Not supported ✅ 9 - 10: Supported ✅ 11: Supported Edge ✅ 12 - 130: Supported ✅ 131: Supported Firefox ❌ 2 - 3: Not supported ✅ 3.5 - 132: Supported ✅ 133: Supported ✅...
:not(selector) 选择除 selector 元素意外的元素 :enabled 选择可用的表单元素 :disabled 选择禁用的表单元素 :checked 选择被选中的表单元素 :after 选择器在被选元素的内容后面插入内容 :before 选择器在被选元素的内容前面插入内容 :nth-child(n) 匹配父元素下指定子元素,在所有子元素中排序第 n ...