大家知道怎么使用divcss子选择器吗?下面我们就给大家详细介绍一下吧!

使用子选择器是影响他们效率的原因之一。子选择器可以帮助你节约大量的class定义。我们来看下面这段代码：

<div> 
<ul> 
<li class="subnavitem"> <a href=http://duote.com/# class="subnavitem">Item 1</a></li>> 
<li class="subnavitemselected"> <a href="http://duote.com/#" class="subnavitemselected"> Item 1</a> </li> 
<li class="subnavitem"> <a href="http://duote.com/#" class="subnavitem"> Item 1</a> </li> 
</ul> 
</div> 

这段代码的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如：

相信大家已经学会使用divcss子选择器了吧!感谢大家对我们网站的支持!

相关推荐：

什么是divcss默认值呢