使用divcss子選擇器的技巧

大家知道使用divcss子選擇器嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗，在此拿出來與大家分享下，請大家互相指正。

CSS初學者不知道使用子選擇器是影響他們效率的原因之一。子選擇器可以幫助你節約大量的class定義。我們來看下面這段代碼：

 

 

•  
>

 

 

•  

 

 

•  

 

 

這段代碼的CSS定義是：

div#subnav ul { /* Some styling */ }

div#subnav ul li.subnavitem { /* Some styling */ }

div#subnav ul li.subnavitem a.subnavitem { /* Some styling */ }

div#subnav ul li.subnavitemselected { /* Some styling */ }

div#subnav ul li.subnavitemselected a.subnavitemselected { /* Some styling */ }

樣式定義是：

#subnav { /* Some styling */ }

#subnav li { /* Some styling */ }

#subnav a { /* Some styling */ }

#subnav .sel { /* Some styling */ }

#subnav .sel a { /* Some styling */ }

用子選擇器可以使你的代碼和CSS更加簡潔、更加容易閱讀。

相信大家已經學會使用divcss子選擇器了吧!感謝大家對我們網站的支持!

相關推薦：

多重class定義的方法