（原）css属性选择器定义优先级问题（input[type=text]）今天遇到⼀个问题调试了很久，关于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.
⽽以下代码:css 属性选择器
<html>
<style>
input[type=text] {
background:red;
}
</style>
<body>
<style>
.aa{
background:black;
}
</style>
<input class='aa' type='text' value=''/>
</body>
</html>
结果则是red了!出乎我的意料之外，根本没往这⽅⾯想，所以调试了好久(因为遇到的2个css不在⼀个外部引⽤的⽂件⾥).
以此为鉴，分享给⼤家.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。