id和class的使用原則比較

來源:互聯網
上載者:User
歸總起來一句話:id是唯一的並且是父級的,class是可以重複的並且是子級的。保持一個良好的代碼書寫習慣對於以後的代碼維護會有很大的協助

在webjx.com前面的文章裡討論過很多DIVCSS布局的技巧。在用CSS來控制網頁布局時我們可能都會遇到一個問題:當定義一個屬性時,是使用id,還是使用class?今天webjx.com再談id與class的使用原則,把自己平時做站時的經驗給大家簡要講述一下,希望能夠對您有所協助。
  id的使用原則
  先來說說id,id具有唯一性,其使用原則也是依據這一特性建立的。id是不能重複的,所以在XHTML的結構中,大結構一定是用id。比如標誌、導航、主體內容、著作權。這些根據制定的規範命名為#logo , #nav , #content , #copyright 等等,本著其唯一性的原則園子建議定義id盡量在外圍使用。
  class的使用原則
  class在CSS的定義中具有普遍性。說白一點就是class具有可重複無限制的使用多次,園子建議大家盡量在結構內部使用。這樣做的好處是有利於網站代碼的後期維護與修改,這樣的做法就會讓所有的class都成為id的子級或是孫級。在我們寫CSS的時候可以寫成這樣 #father .child  {…},另外需要注意的是盡量不要讓class包含id,比如.father #child  {…}如果寫成這樣很顯然就非常不可取。當然這也只是相對於良好書寫習慣的一些建議,僅供大家參考。
  綜上所述,歸總起來一句話:id是唯一的並且是父級的,class是可以重複的並且是子級的。保持一個良好的代碼書寫習慣對於以後的代碼維護會有很大的協助,如果您有更好的建議,歡迎給我留言探討。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。