div css使用子選擇器的方法

歡迎大家在這裡學習div css使用子選擇器!下面是我們給大家整理出來的精彩內容。希望大家在這裡學習!使用子選擇器是影響他們效率的原因之一。子選擇器可以幫助你節約大量的class定義。我們來看下面這段代碼：

Item 1

>

Item 1

Item 1

這段代碼的CSS定義是：

div#subnav ul { }

div#subnav ul li.subnavitem { }

div#subnav ul li.subnavitem a.subnavitem { }

div#subnav ul li.subnavitemselected { }

div#subnav ul li.subnavitemselected a.subnavitemselected { }

你可以用下面的方法替代上面的代碼

樣式定義是：

#subnav { }

#subnav li { }

#subnav a { }

#subnav .sel { }

#subnav .sel a { }

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

如果一個容器裡有多個同樣的元素，而且這些元素樣式都不一樣，請避免用這個方式，建以采用不同的class如：

好了，div css使用子選擇器內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦：

id和class的使用方法介紹