复制 ul li:nth-child(even){background-color:#f2f2f2;} 此代码片段选择ul具有浅灰色背景的元素中的偶数列表项并设置其样式。 2. :not() 选择器: 选择器:not()允许您从 CSS 规则中排除特定元素。当您想要对页面上的大多数元素(但不是特定的少数元素)进行样式设置时,这非常方便。例如: 代码语言:javascript...
使用CSS 的:not()伪类选择器和:nth-child()伪类选择器 要通过CSS的代码选择某一个元素的除了第一个子元素外的其余的跟第一个子元素同级的子元素,可以结合使用CSS的:not()伪类选择器和:nth-child()伪类选择器进行选择。大致的语法如下: .parent > .child:not(:nth-child(1)) {样式设置}...
:nth-child选择器、:nth-child(n)选择器、:nth-last-child(n)选择器、:nth-of-type(n)选择器、 :empty选择器、:target选择器。 这些基本上都很常用,今天着重说下:否定伪类:not() 否定伪类特别有用,在css中, :not选择器 用于匹配非指定元素/选择器的每个元素,语法格式: :not(selector) 比如:假设我想选...
css排除第一个子元素的方法：1、通过使用伪类选择器“:not”实现排除；2、通过使用“nth-of-type”或者“nth-child”实现排除；3、通过使用“+”或者“~”兄弟选择符实现获取排除第一个之外的子元素。本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。css获取除第一个之外的子元素 在前端...
6、:only-child | 选择仅有的子元素 匹配父元素中没有任何兄弟元素的子元素。 .innerDiv p:only-child { color: orangered; } 7、:first-of-type | 选择第一个指定类型的子元素 .innerDiv p:first-of-type { color: orangered; } 这将应用于.innerDiv下的第一个p元素。 Div1 These are the ne...
2.:not 选择器 如果对某个结构使用样式,但是想排除这个结构元素下面的子结构元素,让它不使用这个样式,可以使用 :not 选择器。 3.:only-child 选择器 :only-child 选择器用于匹配属于父元素的唯一子元素的元素,也就是说,如果父元素仅有一个子元素,则使用 “:only-child 选择器” 可以选择这个子元素。
:nth-child选择器、:nth-child(n)选择器、:nth-last-child(n)选择器、:nth-of-type(n)选择器、 :empty选择器、:target选择器。 这些基本上都很常用,今天着重说下:否定伪类:not() 否定伪类特别有用,在css中, :not选择器 用于匹配非指定元素/选择器的每个元素,语法格式: ...
IE6-8浏览器不支持:only-child选择器; 10):only-of-type选择一个元素是它的上级元素的唯一一个相同类型的子元素; IE6-8和FF3.0-浏览器不支持:only-of-type选择器。 11):empty选择的元素里面没有任何内容。 IE6-8浏览器不支持:empty选择器 4、否定选择器(:not) ...
1. 解释“CSS not last child”选择器的概念 在CSS中,:not(:last-child) 选择器用于选取不是其父元素中最后一个子元素的所有元素。这个选择器组合了 :not() 伪类和 :last-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元素无边框。 两种作用一样的样式写法,第二种更语义化一些。