Nasıl CSS sınıfları sırası belirttiğiniz için?

SORU

24 AĞUSTOS 2009, PAZARTESİ

Nasıl CSS sınıfları sırası belirttiğiniz için?

CSS ve sınıf-attribut hakkında biraz kafam karıştı. Ben her zaman, ben attribut değeri birden çok sınıfları belirlemek amacıyla bir anlamı var sanıyordum. Daha sonra sınıf/önceki tanımları üzerine yazılacaktır olabilir, ama bu işe görünmüyor. İşte size bir örnek:

<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>

Ekstra belirtilen sınır temel sınırının üzerine beri, class="basic extra" üçüncü örnek, mavi bir kenarlık olması gerekir, beklenir.

Ubuntu 9.04 üzerinde FF 3 kullanıyorum

CEVAP

24 AĞUSTOS 2009, PAZARTESİ

Sırası, bir sınıf öznitelikleri sınıfları Sınıf özniteliği tanımlanır, ama css göründükleri yerine sırasına göre belirtilen yazılır

.myClass1 {font-size:10pt;color:#ff0000}
.myClass2 {color:#00ff00;}

HTML

<div class="myClass2 myClass1">Text goes here</div>

Div içindeki metin myClass2 benim class1 daha CSS tanımında aşağı daha fazla olduğundan, yeşil ve kırmızı görünür. Eğer Sınıf özniteliği sınıf adları sipariş takas etsem, hiçbir şey değişmez.

Bunu Paylaş: