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

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

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

[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说的挺有道理

相关资料更多>

  1. css a:hover属性使用发现有关问题
  2. 怎么让让背景显示中间部分
  3. VS2005 开发 OA 兼容 IPad浏览器解决方案
  4. 急动态网页没法预览
  5. 怎么在html纯静态的一个单页中集成支付宝的在线支付
  6. DOCTYPE类型详细引见
  7. css学习手册-第一个CSS格局实例
  8. HTML5与ArcGIS（二）——HTML5时代上ArcGIS的发展之路默认分类
  9. HTML中增添后退、前进、刷新的超链接