[css][有关问题]选择器input[type='text']与.className发生冲突
日期：2014-05-17 浏览次数：20593 次
[css][问题]选择器input[type='text']与.className发生冲突
测试HTML文件:
这段代码最终结果是input的宽度为100px,但如果把样式中的.className改为input.className就不会有这种问题,请问为什么会这样啊?非常感谢
------解决方案--------------------
不管选择器如何，难道这两种方式不是选中同一个对象吗？如果是同一个对象，为什么最终宽度不同？
------解决方案--------------------
这个应该是样式加载顺序的问题吧,LZ找一下这方面的资料看下吧
------解决方案--------------------
http://www.cnblogs.com/diguonianzhu/archive/2012/06/29/2569758.html
刚才给LZ找了一个,LZ可参考的看看
------解决方案--------------------
我新手，第一次见到input[type='text']样式定义还可以这么写的！ 个人觉得是优先级的关系！1L说的挺有道理
测试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说的挺有道理
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
