Css选择器 UI状态伪类选择器与目标伪类选择器

UI状态伪类选择器

1.  E:checked  匹配选中状态的单选或复选按钮

    eg:

input :checked+label{
    color: red;
}

    匹配选中状态的 input 控件后面紧邻的那个 label 标签

2.  E:enabled 匹配启用状态的 input 控件

3.  E:disabled 匹配禁用状态的 input 控件

目标伪类选择器

    语法:  E:target  匹配锚点链接链接到的那个元素

    eg:

p :target{
    display: block;
}

    当锚点链接链接到 p 标签这个元素时，样式会被触发

分享

分享海报

扫一扫 - 分享本文

打赏

微信

扫一扫 - 打赏鹏仔

收藏

请按下 Ctrl + D

即可收藏当前文章

手机看

分享到微信朋友圈

扫一扫 - 手机阅读

侵权投诉

侵权、举报、建议

↓