如何覆盖CSS:悬停?

前端之家收集整理的这篇文章主要介绍了如何覆盖CSS:悬停?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我有这个:
<ul>
    <li>Line 1</li>
    <li class="disabled">Line 2</li>
</ul>

相应的CSS是:

ul li:hover{
    color:red;
}

这样可以让“李氏”都被徘徊,变色。但是,如果我想要其中一个被禁用,我会使用以下内容

.disabled{
    color:grey;
}

但其他CSS代码的“hover”伪类仍然在踢…任何方式我可以覆盖这个?

解决方法

第一个规则覆盖它,因为CSS特性,这更具体。

http://www.htmldog.com/guides/cssadvanced/specificity/

将第二条规则更改为:

ul li.disabled,ul li.disabled:hover{
    color:grey;
}

猜你在找的CSS相关文章