Jestem trochę zdezorientowany co do CSS i class
atrybutu. Zawsze myślałem, że kolejność, w której określam wiele klas w wartości atrybutu, ma znaczenie. Późniejsza klasa może / powinna nadpisywać definicje poprzedniej, ale to nie działa. Oto przykład:
<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>
Spodziewałbym się, że trzeci przykład z class="basic extra"
powinien mieć niebieską ramkę, ponieważ dodatkowo określona ramka nadpisze ramkę z podstawowego.
Używam FF 3 na Ubuntu 9.04