Css伪类权重

最新推荐文章于 2024-04-13 01:38:36 发布

weixin_30663471

最新推荐文章于 2024-04-13 01:38:36 发布

阅读量158

点赞数

原文链接：http://www.cnblogs.com/ycherry/p/7231454.html

版权

css样式的权重计算在css中有很重要的作用，会影响很多样式的显示，

css的权重按标签，class，id，inlinecss的权重分别是1，10，100，1000，还有一种就是!important, important是权重最高的，它的权重比内联样式还高。

上面这些都是大家很容易知道，今天我们要讨论的是伪类的权重

css中的伪类有：hover,visited,focus,active等，这些伪类的权重该怎么考虑呢。

看下面的例子：

a:hover {
color:red;
}
#a-id {
color: green;
}
.a-class {
color: yellow;
}
</style>
</head>
<body>
<a id="a-id">I am Id and hover</a> //hover颜色不改变
<a>I am hover</a>//hover变红色
<a class="a-class">I am class and hover</a>//hover变红色
</body>
</html>