9.only-child:选择器匹配属于其父元素的唯一子元素的每个元素 10.only-of-type:选择器匹配属于其父元素的特定类型的唯一子元素的每个元素 11.empty:选择器匹配没有子元素(包括文本节点)的每个元素 否定选择器: not:(element/selector)选择器匹配非指定元素的/选择器的每个元素...
13 .parent div{do something} //会选择parent里面的所有div,不管是子元素.child还是孙元素.c-child和.c-c-child 7.子选择器「E > F」 选择配配E的元素的匹配F的直系子元素。 1 html: 2 <div class="parent"> 3 <div class="child"></div> 4 <div class="child"> 5 <div class="c-child">...
4.3.2、:last-child 匹配属于其父元素中的最后一个子元素 4.3.3、:empty 匹配没有子元素(包含文本内容)的元素 4.3.4、:only-child 匹配属于其父元素中的唯一子元素 4.3.5、:nth-child(n)匹配属于其父元素中的第n个子元素 4.4、否定伪类:将匹配的元素排除在外 语法::not(selector); 5、伪元素选择器 5....
E:nth-of-type(n) 与:nth-child()作用类似,但是仅匹配使用同种标签的元素 E:nth-last-of-type(n) -> 与:nth-last-child() 作用类似,但是仅匹配使用同种标签的元素 E:only-of-type -> 匹配父元素下使用同种标签的唯一一个子元素,等同于:first-of-type:last-of-type或 :nth-of-type(1):nth-last...
(1):nth-last-child(1)| | E:only-of-type | 匹配父元素下使用同种标签的唯一一个子元素,等同于:first-of-type:last-of-type或 :nth-of-type(1):nth-last-of-type(1)| | E:empty | 匹配一个不包含任何子元素的元素,文本节点也被看作子元素| | E:not(selector) | 匹配不符合当前选择器的...
:nth-last-child(n) p::nth-last-child(n)同上,从最后一个子元素开始计数。 :empty p:empty选择没有子元素的每个<p>元素(包括文本节点)。 :not(selector) :not(p)选择非<p>元素的每个元素。 input状态选择器 :focus获得焦点的 input 元素
selector::pseudo-element { property: value; } p::first-line { color: #ff0000; } h1::before { content: '♥'; } 3、常用伪元素选择器 伪元素选择器并不是针对真正的元素使用的选择器,而是针对CSS中已经定义好的伪元素使用的选择器,CSS中有如下四种常用伪元素选择器:first-line、 first-letter、 ...
element,element div,p 选择所有 div 元素和所有 p 元素。 element element div p 选择 div 元素内部的所有p 元素。当没有空格的时候,表示class里必须要有两个才有效。 element>element div>p 选择父元素为 div 元素的所有 p元素。 element+element div+p 选择紧接在 <div> 元素之后的所有<p> 元素。
元素选择器(Element Selector):通过元素名称选择 HTML 元素。 如下代码,p选择器将选择所有<p>元素: p{color:blue;} 类选择器(Class Selector):通过类别名称选择具有特定类别的 HTML 元素。 类选择器以.开头,后面跟着类别名称。 如下代码,.highlight选择器将选择所有具有类别为"highlight"的元素。
伪元素选择器(pseudo-element selector)用于处理文档内容,可指定某处的内容(即过滤内容)或添加内容。早期的时候,伪元素和伪类都使用单冒号(:)。但最新的CSS3规定伪元素得使用双冒号(::),伪类用单冒号,这样两者的区分能更明显。注意,伪元素只能出现在选择器的最后位置,并且不能同时定义多个伪元素。