选择器权重
原子选择器
- tag
- class
- id
选择器的权重:
html
<h1 class="a" id="b">
这是一个标题
</h1>
样式
h1{color:red;} < .a h1{color:yellow} < #b.a h1{color:gerrn}
伪类选择器
:hover
: 鼠标悬停:enabled
: 有效控件:disabled
: 禁用控件:checked
: 选中控件:required
: 必选控件:focus
: 焦点控件:not()
: 过滤掉某些元素:empty()
: 空盒模型
width
: 宽height
: 高padding
: 内边距border
: 边框margin
: 外边距
其中border可设置width
,style
,color