(原)css属性选择器定义优先级问题 (input[type=text])

最新推荐文章于 2021-07-14 21:49:54 发布

weixin_30735745

最新推荐文章于 2021-07-14 21:49:54 发布

阅读量269

点赞数

原文链接：http://www.cnblogs.com/summer99891112/p/3719624.html

版权

今天遇到一个问题调试了很久,关于css的优先级问题.

像常规的id选择器(#test) > 类选择器class(.test) > 标签选择器input (中间还有一些类型不详举了),相比大家都很清楚

这次遇到就是input[type=text] {background:red} 和类选择器 .aa{background:black} 的优先级问题(aa是定义在input 的class上).

举例如下:

<html>
<style>
input{
background:red;
}
</style>
<body>
<style>
    .aa{
        background:black;

    }
</style>
<input class='aa' type='text' value=''/>
</body>
</html>

input显示结果是什么? 是black.

而以下代码:

<html>
<style>
input[type=text] {
background:red;
}
</style>
<body>
<style>
    .aa{
        background:black;

    }
</style>
<input class='aa' type='text' value=''/>
</body>
</html>