读书人

[css][有关问题]选择器input[type=#039;te

发布时间: 2012-08-07 14:54:47 作者: rapoo

[css][问题]选择器input[type='text']与.className发生冲突
测试HTML文件:

HTML code
<html>   <head>       <style>           input[type='text'] { width: 100px;}           .className { width: 50px;}        </style>    </head>    <body>        <input class='className' type='text'>    </body></html>

这段代码最终结果是input的宽度为100px,但如果把样式中的.className改为input.className就不会有这种问题,请问为什么会这样啊?非常感谢

[解决办法]
不管选择器如何,难道这两种方式不是选中同一个对象吗?如果是同一个对象,为什么最终宽度不同?
[解决办法]
这个应该是样式加载顺序的问题吧,LZ找一下这方面的资料看下吧
[解决办法]
http://www.cnblogs.com/diguonianzhu/archive/2012/06/29/2569758.html

刚才给LZ找了一个,LZ可参考的看看
[解决办法]
我新手,第一次见到input[type='text']样式定义还可以这么写的! 个人觉得是优先级的关系!1L说的挺有道理

读书人网 >CSS

热点推荐