:nth-child选择器、:nth-child(n)选择器、:nth-last-child(n)选择器、:nth-of-type(n)选择器、 :empty选择器、:target选择器。 这些基本上都很常用,今天着重说下:否定伪类:not() 否定伪类特别有用,在css中, :not选择器 用于匹配非指定元素/选择器的每个元素,语法格式: :not(selector) 比如:假设我想选...
:nth-child选择器、:nth-child(n)选择器、:nth-last-child(n)选择器、:nth-of-type(n)选择器、 :empty选择器、:target选择器。 这些基本上都很常用,今天着重说下:否定伪类:not() 否定伪类特别有用,在css中, :not选择器 用于匹配非指定元素/选择器的每个元素,语法格式: :not(selector) 比如:假设我想选...
9.only-child:选择器匹配属于其父元素的唯一子元素的每个元素 10.only-of-type:选择器匹配属于其父元素的特定类型的唯一子元素的每个元素 11.empty:选择器匹配没有子元素(包括文本节点)的每个元素 否定选择器: not:(element/selector)选择器匹配非指定元素的/选择器的每个元素...
:nth-child(odd)或者:nth-child(2n+1)奇数行、:nth-child(even)或者:nth-child(2n+2)偶数行 :nth-last-child(n) p::nth-last-child(n)同上,从最后一个子元素开始计数。 :empty p:empty选择没有子元素的每个<p>元素(包括文本节点)。 :not(selector) :not(p)选择非<p>元素的每个元素。 input状态...
CSS-Selector:child(> n)?在回答这个问题之前,我们需要先了解一下 CSS-Selector 的概念。CSS-Selector 是 CSS 选择器中的一种,用于从 HTML 文档中选择特定的元素或一组元素,并对这些元素进行样式设置。 其中,child(> n) 是一种 CSS-Selector,它选择所有子元素中带有大于 n 的标记的父元素。例如,如果一个...
ID 选择器(ID Selector):通过元素的唯一标识符(ID)选择 HTML 元素。 ID 选择器以#开头,后面跟着 ID 名称。 如下代码,#runoob选择器将选择具有 ID 为"runoob"的元素。 #runoob {width:200px;} 属性选择器(Attribute Selector):通过元素的属性选择 HTML 元素。属性选择器可以根据属性名和属性值进行选择。
The :first-child selector matches the first child element.:first-child is a Pseudo-class and it applies to any element that is the first child of another element. With :first-child pseudo-class, an element is matched only when it is the first child of another element. For example, p:...
In this CSS :only-child example, the first <p> tag contains more than one <span> tag, so those <span> tags are not styled by the :only-child selector. The second <p> tag contains only one <span> tag, so it will be styled by the :only-child selector. The color of the text...
20.X:not(selector) div:not(#container) { color: blue; } not伪类灰常有用。例如我要选择所有的div,除了有id为container的。上面那个代码片段就能完美的实现。 如果我想选择除了p以外的所有元素,我可以这么做: *:not(p) { color: green; }