Web前端——Class與ID的使用規範

    Class與ID的使用規範

1   區別  

    ID在一個頁面中有且只能有一個，因此使用ID表示的CSS樣式只能表示一個元素的樣式

    Class在一個頁面中能夠有多個，也就是說定義一個CSS樣式後，能夠有多個元素引用這個Class

2   書寫方式

  ID的書寫樣式: #title{font-size:18px; color:#333;}

   Class書寫方式: .title{font-size:18px; color:#333;}

3   命名注意

3.1   注意

大的框架命名如：header/footer/wrapper/left/right之類的由設計框架之人統一命名，其餘樣式名稱由小寫英文&數字&來組合命名，避免使用中文拼音，儘可能使用簡易的單詞組合，總之命名要語義化、簡明化

3.2   避免命名重複

  注意1

   經過從屬寫法規避<div id="mainnav"><div class="firstnav">...</div></div>,

   樣式寫法：#mainnav.firstnav{......}

   注意2

   規避class與id重名，不建議使用id選擇器

  注意3

   重複使用率高的命名，可加代號加下劃線起始，好比title_news;

  注意4

   取父級元素id/class命名部分命名，例如：<div id="mainnav"><div class="main firstnav">...</div></div>