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选择器:给元素的前面或后面插入内容