Sözdizim öğesi üzerinde CSS sınıfı ekleme

Question

Sözgelimi ödev öğelerine bir CSS sınıfı eklemenin bir yolu olup olmadığını merak ediyorum: sonra.

Kullanmak istiyorum: bir hata iletisi ekledikten sonra. Ayrıca, hata mesajını diğer hata mesajlarıyla aynı şekilde tasarlamak istiyorum.

Bu çalışır:

.error:after { 
    content: "Error Message"; 
    color: red; 
} 

Ama renk stil ?: Ayrıca

.error:after { 
    content: "Error Message"; 
    class: error_message_styles; 
} 

daha eklemek için böyle bir şey yapabilirim, kullanımı arasında bir fark yoktur ":: sonra" vs ": sonra"?

Şimdiden teşekkürler!

Answer 1

Bir psuedo öğesine her türden bir HTML niteliği vermenin yolu yoktur.

Hemen iki kez seçiciyi kullanabilirsiniz: ": sonra"

Ayrıca

.error:after { 
    content: "Error Message"; 
} 
.error:after, .error-style { 
    color:red; 
} 

kullanarak arasında bir fark ":: sonra" vs var mı? Buna göre

: ::after gösterim sözde sınıflar ve sözde elemanları arasında ayrımı oluşturmak amacıyla CSS 3 tanıtıldı

https://developer.mozilla.org/en/CSS/:after

. Ayrıca CSS tanıtılan notasyonu :after kabul Tarayıcılar 2.

Not: Microsoft Internet Explorer 8 destekler: notasyonu sonra sadece.

Hata iletilerinin dekorasyon değil, içerik olabileceğini iddia ediyorum - ama bu sizin çağrınız.

Answer 2

Öğe :after öğesi fiziksel bir DOM öğesi değildir, bu nedenle bir sınıf alamaz.

.error { 
    .error-styles; 
} 

: Eğer LESS gibi bir stil kitaplığı kullanırsanız, bir özelliği olarak sınıf dahil ederek diğer sınıflardan tarzlarda

karıştırabilirsiniz