层级选择器
选中后代,不论是儿子还是孙子,都选中box 下的 所有 a 都会被选中
.box a{
color:red;
font-size:30px;
}
选中儿子,孙子不会被选中
.box>a{
color:red;
font-size:30px;
}
直选中紧跟在p后的第一个a (只能选中一个)
p + a{
color:red;
font-size:30px;
}
选中p标签后的所有 a (可以选中多个)
p ~ a{
color:red;
font-size:30px;
}
UI元素状态伪类
:enabled{} 选中可以输入的元素
:disabled{} 选中不可输入的元素
:checked{} 选中被选中的元素
::selection{} 被用户选中的内容处于高亮的状态
动态伪类选择器
链接伪类选择器
:link{} 初始状态
:visited{} 访问过后的状态
用户行为选择器
:hover{} 鼠标移入的状态
:active{} 鼠标按下的状态
:focus{} 选中获取了焦点(光标在哪里跳动)的元素