CSS'de tüm sözde sınıfları nasıl seçilir?

Question

Bir düğmeye bindim ve css'yi daha kısa yapmanın mümkün olup olmadığını öğrenmek istedim.

.button a:* { 
    color: #000; 
    text-decoration: none; 
} 

Belki herhangi kısa yolu yoktur, ama sadece bilmek istedim:

.button a:link, .button a:visited, .button a:hover, .button a:active { 
    color: #000; 
    text-decoration: none; 
} 

belki demek. bilgi için .. Neden bilmiyorum,

.button a:link:visited:hover:active { 
    color: #000; 
    text-decoration: none; 
} 

Ama çalışıyor değildi - ben dosyasının en bir genel css ettik: Böyle bir şey öğrendim

a:link { 
    color: #DA5632; 
} 
a:visited { 
    color: #CE3408; 
} 
a:hover { 
    color: #289BF8; 
} 
a:active { 
    color: #CE3408; 
} 

Düğme sınıfı a, ana css'nin üzerine yazmalıdır.

Answer 1

.button a sen hep a bir varsayılan stili ayarlayın ve ben farklı bir etkiye sahip gereken tek zaman sözde sınıfları hedef

ihtiyaç vardır. Bir öğe için varsayılan stil gibi bildirildiğinden

:

Düzenleme yorumlardan düzeltme içerecek şekilde stil üstündeki

a:link { 
    color: #DA5632; 
} 
a:visited { 
    color: #CE3408; 
} 
a:hover { 
    color: #289BF8; 
} 
a:active { 
    color: #CE3408; 
} 

, biz tarafından o body .button a yapmak gerekir Seçiciliği arttırmak, uygulanan stillerin önemini arttırıyoruz. Ayrıca bu stil 'a' için kuralları belirleyen küresel bir sonra dahil olduğundan emin olun -

Answer 2

İşte

sizin stil ".button bir" için bir kural olduğundan emin olun denemek için bazı şeyler var.

Bu işe yaramadıysa, daha spesifik olmak için: ".button> a" gibi, yalnızca doğrudan torunları seçin. BU çalışmazsa kötü bir uygulamadır iken

, hep böyle gibi, stilleri önemli olarak işaretle olabilir:

color: #fff !important; 

bu onların son ayrıştırılır olduğunu talep edecek.