今天小編給大家分享的是css中類名問題的詳細介紹，很多人都不太了解，今天小編為了讓大家更加了解css中類名，所以給大家總結了以下內(nèi)容，一起往下看吧。一定會有所收獲的哦。

創(chuàng)新互聯(lián)建站專注于永吉企業(yè)網(wǎng)站建設,響應式網(wǎng)站建設,電子商務商城網(wǎng)站建設。永吉網(wǎng)站建設公司,為永吉等地區(qū)提供建站服務。全流程定制網(wǎng)站，專業(yè)設計，全程項目跟蹤，創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務

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

.1st{
    color: red;
}

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

1、下劃線 _

2、短橫線 -

3、字母 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;
}

結果如圖：

以上就是css中類名問題的簡略介紹，當然詳細使用上面的不同還得要大家自己使用過才領會。如果想了解更多，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道哦！

網(wǎng)站題目：css中類名問題的詳細介紹分享
瀏覽路徑：http://chinadenli.net/article44/gepjhe.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、動態(tài)網(wǎng)站、網(wǎng)站建設、手機網(wǎng)站建設、全網(wǎng)營銷推廣、小程序開發(fā)

廣告

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