[css][有关问题]选择器input[type='text']与.className发生冲突-HTML教程-爱易网页

[css][有关问题]选择器input[type='text']与.className发生冲突

日期：2014-05-17　浏览次数：20580 次

[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][有关问题]选择器input[type='text']与.className发生冲突

相关资料更多>

推荐阅读更多>