有效的CSS類？

以下有效的類名是？有效的CSS類？

.text-moretext 

.text&text 

.text_text 

.text(text)

我想是任何允許包含特殊字符的CSS類？

來源

2009-10-12 CLiown

代碼：http://stackoverflow.com/questions/448981/what-characters-are-valid-in-css-class-names – slikts 2009-10-12 13:55:32

把這個類作爲代碼，使用高亮。謝謝！ – 2009-10-12 13:57:50

.text-moretext允許
.text&text是不允許的，因爲&是
.text_text允許
.text(text)不允許

來源

2009-10-12 13:56:52 Marius

怎麼樣_text-moretext？ – 2014-01-26 15:49:45

@YannisDran'.person__hand - left'很好。這是由BEM語法http：// csswizardry鼓勵的一種風格。com/2013/01/mindbemding-getting-your-head-round-bem-syntax/ – ptim 2014-11-12 00:54:54

字符az，AZ在HTML特殊字符，數字，連字符（ - ）和下劃線（_）是類名稱中允許的常用字符。（還有一些文化特定字符允許，但沒有其他標點符號。）

因此，text-moretext和text_text是有效的類名稱。

如有疑問，請以標點符號和異國情調字符限制。一些舊版瀏覽器可能並不總是會正確...

來源

2009-10-12 14:02:50 Guffa

是的，您可以在類名中使用任何字符，除了用於分隔類名稱的空格：class is a cdata-list。有些角色需要轉義。對於HTML：

<div class="text&amp;moretext"> ... </div>

，並在選擇：

.text\&text { ... } 
.text\(text\) { ... }

它通常最好避免在可能的編碼理智，但肯定的，如果你需要，你可以做到這一點。

來源

2009-10-12 14:03:36 bobince

+1該死的，太慢了。 – Gumbo 2009-10-12 14:04:31

根據CSS規範，Section 4.1.3：

在CSS中，標識符（包括元素名，類和在選擇器的ID）可以只包含字符[A-ZA-Z0-9 ]和ISO 10646 字符U + 00A1和更高，加上連字符（ - ）和下劃線（_）; 它們不能以數字開頭，或者連字符後跟數字。標識符還可以包含轉義的字符和任何ISO 10646字符作爲數字代碼（請參見下一項）。對於實例，標識符「B & W？」可能是寫成「B \ & W \？」或「B \ 26 W \ 3F」。

所以，.text-moretext和.text_text是有效的標識符（可以用作類名），而.text&text和.text(text)沒有（儘管@bobince指出的那樣，你可以爲了將它們用作逃跑的特殊字符標識符的一部分）。

來源

2009-10-12 14:04:53 Donut

有效的CSS類？

回答

相關問題