css中類名問題的詳細(xì)介紹分享

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

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

css中類名問題的詳細(xì)介紹分享

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

.1st{
    color: red;
}

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

1、下劃線 _

2、短橫線 -

3、字母 a - z

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

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

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

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

以下是測試代碼及結(jié)果：

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

結(jié)果如圖：

css中類名問題的詳細(xì)介紹分享

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

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

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

廣告

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

商城網(wǎng)站建設(shè)