我对 CSS 和class
属性。我一直认为,我在属性值中指定多个类的顺序是有意义的。后面的类可以/应该覆盖前面的定义,但这似乎不起作用。这是一个例子:
<html>
<head>
<style type="text/css">
.extra {
color: #00529B;
border:1px solid #00529B; /* Blue */
background-color: #BDE5F8;
}
.basic {
border: 1px solid #ABABAB;
}
</style>
</head>
<body>
<input type="text" value="basic" class="basic"/>
<input type="text" value="extra" class="extra"/>
<input type="text" value="basic extra" class="basic extra"/>
<input type="text" value="extra basic" class="extra basic"/>
</body>
</html>
我期望第三个例子class="basic extra"
应该有一个蓝色边框,因为额外指定的边框会覆盖基本边框。
我在 ubuntu 9.04 上使用 FF 3
属性被覆盖的顺序并不由类在类中定义的顺序决定。class
属性,而是它们出现在 CSS 中的位置。
.myClass1 {color:red;}
.myClass2 {color:green;}
<div class="myClass2 myClass1">Text goes here</div>
中的文字div
会出现green
, 并不是red
;因为.myClass2
CSS 定义中的位置比.myClass1
。如果我要交换类名的顺序class
属性,什么都不会改变。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)