css如何选择所有子元素
这篇文章将为大家详细讲解有关css如何选择所有子元素,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
成都创新互联公司专业为企业提供庆安网站建设、庆安做网站、庆安网站设计、庆安网站制作等企业网站建设、网页设计与制作、庆安企业网站模板建站服务,10年庆安做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
在css中可以使用子选择器来选择指定元素的所有子元素:1、使用“E1 > E2{}”格式选择指定元素的所有指定子元素;2、使用“element1 > *{}”格式选择指定元素的所有子元素。
当元素是某个元素的子元素时,可以使用子选择器匹配,该选择器选择特定父级的所有子元素。子选择器由两个或多个由“>”分隔的选择器组成;它也称为element > element
选择器。
注:子选择器只能选择自己的子类,第二级元素,而不能选择第二级别以下的元素。
如果选择指定元素的所有指定子元素,则使用以下语法
element1 > element2
示例:
选择所有指定子元素 段落 1
段落 2
段落 3段落 4段落 6
段落 7
效果图:
如果想要递归选择所有子元素,则使用以下语法
element1 > * { // CSS样式 }
示例:
选择所有子元素 段落 1
段落 2
段落 3段落 4段落 6
段落 7
效果图:
关于“css如何选择所有子元素”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
网页标题:css如何选择所有子元素
文章出自:http://scyanting.com/article/ggsocj.html