1.属性选择器
[attr*=val] 给标签attr中包含属性值为val样式
[attr^=val] 给标签attr中开头包含属性值为val样式
[attr$=val] 给标签attr中结尾包含属性值为val样式
2.结构性伪类选择器
:root选择器 此选择器将绑定页面的根源素
:not选择器 排除元素
:target选择器 当超链接链入某个网页时,才启用这个样式
属性值 描述
-blank 在新窗口打开时被连接文档
-self 默认在相同的框架中打开
-parent 在父窗口中打开被连接文档
-top 在整个窗口中打开被连接文档
:first-child 某个元素第一个
:last-child 某个元素最后一个
:nth-child 正数第几个
:nth-last-child 倒数第几个
:nth-child(odd) 奇数个
:nth-child(even) 偶数个
:nth-of-type(ood) 奇数行
:nth-of-type(even) 偶数行
:nth-child(4n+1) 从第一行开始算起每隔4个使用样式(4可以替换)
:nth-child(1):nth-last-child(1) 即使第一个又是第最后一个
:only-child 给唯一的元素样式
3.状态伪类选择器
:hover选择器 悬停在所指定的元素上
:active选择器 正在点在元素上
:focus选择器 获取某个元素的焦点
:enabled选择器 用来指定当前元素处于可用状态的样式
:disabled选择器 用来指定当前元素处于不可用状态的样式
:read-only选择器 用来指定当前元素处于只读状态的样式
:read-write选择器 用来指定当前元素处于非只读状态的样式
以下三个选择器针对单选框和复选框
:detault 用来指定当前元素处于非选取状态的样式
:checked 用来指定当前元素处于选取状态的样式
:indeferminate 用来指定当前元素处于没有选取状态的样式
:selection 用来指定当前元素选中的状态的样式
4.兄弟元素选择器
elment~val 当前元素的同级元素的样式