css样式的权重计算在css中有很重要的作用，会影响很多样式的显示，
css的权重按标签，class，id，inlinecss的权重分别是1，10，100，1000，还有一种就是!important, important是权重最高的，它的权重比内联样式还高。
上面这些都是大家很容易知道，今天我们要讨论的是伪类的权重
css中的伪类有：hover,visited,focus,active等，这些伪类的权重该怎么考虑呢。
看下面的例子：
<html>
<head>
<style type="text/css">
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>
上面的代码说明css的权重： id〉伪类〉class
时间： 2024-12-26 10:26:12