溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
CSS中類名的使用示例，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。
以下以數字開頭的 CSS 類名不會生效：
.1st{
color: red;
}一個合法的 CSS 類名必需以下面其中之一作為開頭：
• 下劃線 _
•短橫線 -
•字母 a - z
然后緊跟其他 _ ， - 數字或字母。
用正則表示，一個合法的 CSS 類名為：
-?[_a-zA-Z]+[_a-zA-Z0-9-]*
另，根據CSS 標準 中的描述，如果類名開頭是短橫線 - ，第二個字符必需是下劃線 _ 或字母，但實測發現，除了提及的兩個，緊跟另一個短橫線也是生效的。
以下是測試代碼及結果：
<p class="1st">should apply red color</p>
<p class="-1foo">should apply red color</p>
<p class="-_foo">should apply red color</p>
<p class="--foo">should apply red color</p>
<p class="-foo">should apply red color</p>
<p class="foo">should apply red color</p>
.1st {
color: red;
}
.-1foo {
color: red;
}
.-_foo {
color: red;
}
.--foo {
color: red;
}
.-foo {
color: red;
}
.foo {
color: red;
}
看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
