目标伪类选择器
目标对象:target{ } 目标对象的样式变化
UI状态伪类选择器
input:disabled{ } 表示在禁用表单下可用
input:enabled{ } 表示在可用状态下的样式变化
:checked { } 点击选中之后的样式
::selection { } 选中之后的变化
动态伪类选择器
:link 未访问的连接
:hover 鼠标悬停之后的样式变化
:visited 已访问的链接的样式变化
:active 鼠标点击时的样式变化
:focus 获取焦点之后的样式变化
属性选择器
[属性1] 操作带有属性1的元素的样式
[属性1=“属性值1”] 操作带有属性1并且属性值1的元素的样式 [class="iii"]
[atter~="value"] 多类名选择器
[class^="iii"] 代表iii开头的 别的不管
[class$="iii"] 以iii结束的就变 其它不管
[class*="iii"] 只要带有 iii的都会变【只要含有iii即可】
[class|="iii"] value- 开头的
层级选择器
E>F F是E的子元素
E F F是E的后代【包含子元素】
h2+p
选择器、径向渐变 、线性渐变
最新推荐文章于 2024-06-26 15:44:42 发布