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

2024年04月09日 懒猪 前端开发 前端博客 个人博客 网站制作 鹏仔先生 百变鹏仔 HTML CSS javascript JS 共享博客


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


本文链接:http://so.lmcjl.com/news/1585/

展开阅读全文
相关内容