测试用css文件:

[type='text'] {
    width: 100px;
}

.test {
    width: 50px;
}

HTML:

<input class='test' type='text'>

这样写的话,input的宽度为100px,如果把css文件中的.test换成input.test的话,input的宽度就是50px,请问为什么会这样?非常感谢
--
FROM 116.90.82.*

跟属性多少没关系，有优先级的。。
http://www.w3.org/TR/CSS21/cascade.html#specificity

【 在 Arreat (Kathos) 的大作中提到: 】
: 问题解决了,css选择器并不总是遵循后面的覆盖前面的法则,优先级取决于每个选择器在rank中的排名,一般选择器的属性越多,得分越高,优先级就越高,谢谢大家
--
FROM 61.135.152.211