首頁  >  文章  >  web前端  >  對class用法與規範的總結

對class用法與規範的總結

巴扎黑
巴扎黑原創
2017-06-07 16:46:302320瀏覽

在css中,我們常見到選擇器class,那麼對於class的用法與規範,我們來做個總結:

1.CSS Id 與Class選擇器的相關介紹

id ​​和 class 選擇器

如果你要在HTML元素中設定CSS樣式,你需要在元素中設定"id" 和"class"選擇器。

id ​​選擇器

id ​​選擇器可以為標示特定 id 的 HTML 元素指定特定的樣式。

HTML元素以id屬性來設定id​​選擇器,CSS 中 id 選擇器以 "#" 來定義。

對class用法與規範的總結

2.a.class 與a .class的區別,注意空格- CSS偵錯技巧

使用圖片精靈技術進行圖片定位時會出現這個問題,有時候一個空格會導致很多問題,本文實例介紹a.class 與a .class的區別。

對class用法與規範的總結

3.詳解css裡同時用id和class的原理

首先,介紹id和class的差別:

  id是一個標籤,用來區分不同的結構和內容;id是先找到結構/內容,再給它定義樣式;class是一個樣式,可以套在任何結構和內容上;class是先定義好一種樣式,再套給多個結構/內容。

對class用法與規範的總結

4.關於頁面佈局class常見命名規範介紹

這篇文章主要為大家深度剖析了關於頁面佈局class常見命名規範的相關資料,具有一定的參考價值,有興趣的夥伴們可以參考一下

對class用法與規範的總結

#5.id和class的區別,使用類還是ID

前面兩篇文章我們分別談到了class和id的相關知識和如何使用,但是在實際專案中,我們該如何抉擇,class還是id?

先回顧下兩者的差異吧!

id具有唯一性,class具有普遍性,所以一個頁面同一個id只能使用一次,而class可以無限制使用。

對class用法與規範的總結

以上是對class用法與規範的總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn