首页 > 代码库 > Css伪类权重
Css伪类权重
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
Css伪类权重
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。