CSS注意项(未完待续)
一、:link、:visited、:hover、:active的使用顺序
- 基本顺序:****:link—>:visited—>:hover—>:active
- 说明:
语法 | 说明 |
---|---|
a:link | 未访问的样式 |
a:visited | 已访问的样式 |
a:hover | 悬浮的样式; |
a:active | 已激活的样式; |
二、css样式的优选级
备注:用权重表示,设置同一个属性,权重大的会覆盖权重小的样式。
名称 | 权重 | 示例 |
---|---|---|
标签 | 1 | a { color : red;} |
伪类 | 10 | a : link { color : black;} |
id | 100 | #aLink { color : blue;} |
行内样式 | 1000 | <a id="aLink" style="color : yellow"></a> |
!import | 1000+ | a { color : red;!import} |