百变鹏仔-专注前端行业精选

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

作者：鹏仔先生日期：2020-06-02 16:03:07浏览：2228分类：CSS

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 标签这个元素时，样式会被触发

前端 css

手机扫码访问

猜你还喜欢