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{ 0 Comments


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


本文链接：https://my.lmcjl.com/post/20940.html

展开阅读全文

相关文章

4 评论

留下您的评论.