在僞元素上添加CSS類

Question

我想知道是否有辦法將CSS類添加到僞元素中，例如：after。

我想用：after追加錯誤信息。我也想要與其他錯誤消息一樣的錯誤消息。

這工作：

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

但我可以做這樣的事情加比色造型？：

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

也較多，有沒有使用之間的差異。「::後」 vs「：之後」？

在此先感謝！

Answer 1

沒有辦法將任何類型的HTML屬性賦予psuedo元素。

只需使用兩次選擇：

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

此外，有沒有 「後::」 與使用之間的區別 「：後」？

根據該：

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

的::after符號是在CSS 3以建立僞類和僞元件之間的 歧視引入。瀏覽器 也接受CSS引入的符號:after 2.

注：微軟Internet Explorer 8的支持：只有符號 後。

我會爭辯說，錯誤信息可能是內容，而不是裝飾 - 但那是你的電話。

Answer 2

:after元素不是一個物理DOM元素，所以它不能接受一個類。

.error { 
    .error-styles; 
} 

：

如果您使用樣式表庫像LESS，你可以從其他類的樣式由包括類的屬性混合