css3选择器

CSS选择器

属性选择器:①att^=”aaa ” 属性值以aaa字符串开头 ②att$=”aaa ” 属性值以aaa字符串结尾

                          ③att*=”aaa” 属性值包含了aaa字符串

:root选择器:根选择器    :root等同于”<html>”

:not选择器:否定选择器    选择除某个元素外所有的元素

:empty选择器:选择没有任何内容的元素

:target选择器:匹配url某个标识符的目标元素     可以点击链接改变另一个元素的样式

:first-child选择器:选择父元素的第一个子元素

:last-child选择器:选择父元素的最后一个子元素

:nth-child(n)选择器:选择父元素的一个或多个子元素

:nth-last-child(n)选择器:从最后一个元素开始选择特定元素

:first-of-type选择器:父元素下某一类型元素的第一个子元素

:nth-of-type(n)选择器:父元素中指定某种类型的特定元素

:last-of-type选择器:某一类型的最后一个子元素-

:nth-last-of-type(n)选择器:从最后一个元素起,指定某种类型的特定元素

:only-child选择器:父元素中只有一个子元素

:only-of-type选择器:父元素中唯一类型的子元素

enabled选择器:给可用输入框更改样式             

disabled选择器:给不可用输入框更改样式

checked选择器:定义复选框效果    表单中选中状态

::selection选择器:用鼠标选择的文本,鼠标选择会显示样式

:read-only选择器:设置文本只读状态的样式

:read-write选择器:设置文本不只读状态的样式

::before   ::after选择器:给元素的前面或后面插入内容

原文地址:https://www.cnblogs.com/lvjia/p/7454931.html