css之常用选择器选择篇

落日映苍穹つ 2022-05-20 10:44 172阅读 0赞

.class  选择器选取带有指定类 (class) 的元素。  
\#id  选择器选取带有指定类(id)的元素。  
\*  选择器选取所有的元素  
element 选择器选取所有标签类的元素  
elementA,elementB 选择器选取所有关于elementA和elementB的元素  
elementA elementB 选择器选取elementA后面的elementB所有标签元素  
elementA>elementB 选择器选取elementA标签里面的所有elementB的标签元素  
elementA+elementB 选择器选取紧跟elementA后面的elementB标签元素  
\[attribute\] 选择器选取带有指定属性的所有标签元素  
\[attribute=value\] 选择器选取属性指定值的所有标签元素  
\[attribute~=value\] 选择器选取属性包含单词value值的所有标签元素  
\[attribute|=value\] 选择器选取属性以value值开头的所有标签元素  
:first-letter 选择标签元素内第一个字符  
:first-line 选择标签元素内的第一行  
:first-child 选择父标签元素下指定标签的第一个元素  
:before 选择指定标签并在其内容之前插入  
:after 选择指定标签并在其文本结尾加入内容结尾加入  
:lang(language) 选择器选以language开头的lang属性值得每个指定标签  
elementA~elementB 选择器选择elementA标签内面的所有elementB标签  
\[attribute^=value\] 选择器选择指定以value开头属性的所有标签元素  
\[attribute$=value\] 选择器选择指定以value结尾属性的所有标签元素  
\[attribute\*=value\] 选择器选择所有包含value值属性的所有标签元素  
:first-of-type 选择器选择父元素下面的第一个指定的标签元素  
:only-of-type 选择器选择父元素下面允许存在其他标签元素，但其父元素有且只有一个指定类型元素  
:only-child  选择器选择父元素下面只存在唯一一个指定标签的每个指定标签元素，其父元素下不能允许有其他标签元素  
:nth-child(n) 选择器选择父元素下面的n个标签元素  
:nth-last-child(n) 选择器选择父元素下面倒数第n个标签的元素  
:nth-of-type(n) 选择器选择每个父元素下面的第n个指定标签的元素  
:nth-last-of-type(n) 选择器选择每个父元素下面的倒数第n个指定标签的元素  
:empty 选择器选择父元素下的指定标签同时其没有子元素  
:enabled 选择器选择指定启用过enable的标签  
:disabled 选择器选择指定禁用过disabled的标签  
:checked 选择器选择指定选中过的标签  
:not(selector) 选择器选择被用户选取的元素部分同时排除标签不要的元素