兄弟选择器
.box~p: .box所有的p都会被选择,且这些元素和第一个元素拥有同一个父元素(两个元素之间不一定要相邻)
属性选择器:
E[attribute^=value] 用于选取带有以指定值开头的属性值的元素
E[attribute$=value] 用于选取属性值以指定值结尾的元素
E[attribute*=value] 用于选取属性值中包含指定值的元素,位置不限,也不限制整个单词
伪类选择器
:root 选择文档的根元素,HTML 里,永远是元素
:last-child 向元素添加样式,且该元素是它的父元素的最后一个子元素
:nth-child(n) 向元素添加样式,且该元素是它的父元素的第 n 个子元素
:nth-last-child(n) 向元素添加样式,且该元素是它的父元素的倒数第 n 个子 元素
:only-child 向元素添加样式,且该元素是它的父元素的唯一子元素
:first-of-type 向元素添加样式,且该元素是同级同类型元素中第一个元 素
:last-of-type 向元素添加样式,且该元素是同级同类型元素中最后一个 元素
:nth-of-type(n) 向元素添加样式,且该元素是同级同类型元素中第 n 个元 素
:nth-last-oftype(n)向元素添加样式,且该元素是同级同类型元素中倒数第 n 个元素
:only-of-type 向元素添加样式,且该元素是同级同类型元素中唯一的元素
:empty 向没有子元素(包括文本内容)的元素添加样式
伪元素选择器
:enabled 向当前处于可用状态的元素添加样式,通常用于定义表单的样式或者超链接的样式
:disabled 向当前处于不可用状态的元素添加样式,通常用于定义表单的 样式或者超链接的样式
:not(selector) 向不是 selector 元素的元素添加样式
:target 向正在访问的锚点目标元素添加样式