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>

本文轉自 拉考的考拉 51CTO部落格，原文連結:http://blog.51cto.com/lakaodekaola/1979432