CSS中類名的使用示例，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

創(chuàng)新互聯(lián)建站長期為千余家客戶提供的網(wǎng)站建設服務，團隊從業(yè)經(jīng)驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為江海企業(yè)提供專業(yè)的成都網(wǎng)站設計、成都網(wǎng)站制作，江海網(wǎng)站改版等技術服務。擁有十多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

以下以數(shù)字開頭的 CSS 類名不會生效：

.1st{
    color: red;
}

一個合法的 CSS 類名必需以下面其中之一作為開頭：

• 下劃線 _
•短橫線 -
•字母 a - z

然后緊跟其他 _ ， - 數(shù)字或字母。

用正則表示，一個合法的 CSS 類名為：
 

-?[_a-zA-Z]+[_a-zA-Z0-9-]*

另，根據(jù)CSS 標準 中的描述，如果類名開頭是短橫線 - ，第二個字符必需是下劃線 _ 或字母，但實測發(fā)現(xiàn)，除了提及的兩個，緊跟另一個短橫線也是生效的。

以下是測試代碼及結果：

<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;
}

 

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。

網(wǎng)站名稱：CSS中類名的使用示例
網(wǎng)站URL：http://aaarwkj.com/article38/pdecsp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供自適應網(wǎng)站、企業(yè)建站、全網(wǎng)營銷推廣、標簽優(yōu)化、網(wǎng)站排名、品牌網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)