您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> DivCSS教程 >> 正文

div css使用子选择器的方法

作者:佚名    责任编辑:admin    更新时间:2022-06-22

欢迎大家在这里学习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的使用方法介绍