在css中可以用子选择符来挑选特定元素全部子元素：1、应用“E1 > E2{}”文件格式挑选特定元素全部特定子元素；2、应用“element1 > *{}”文件格式挑选特定元素全部子元素。
本实例教程作业环境：windows7系统软件、CSS3&&HTML5版、Dell G3计算机。
当原素是某一元素子元素时，可以用子选择符配对，该选择符挑选特殊父级的所有子元素。子选择符由两个或几个由“>”隔开的选择符构成；它又称为element > element选择符。
注：子选择符只有选择自己的派生类，第二级原素，而不能选择第二等级下列元素。
如果是特定元素全部特定子元素，则使用下列词法
element1 > element2
实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>挑选全部特定子元素</title>
<style>
.demo > p{
background-color: palevioletred;
padding: 5px;
}
</style>
</head>
<body>
<div class="demo">
<p>文章段落 1</p>
<p>文章段落 2</p>
<span>文章段落 3</span>
<div>文章段落 4</div>
</div>
<p>文章段落 6</p>
<p>文章段落 7</p>
</body>
</html>设计效果图：
【强烈推荐实例教程：CSS视频教学 】
如果你想要递归算法挑选全部子元素，则使用下列词法
element1 > * {
// CSS款式
}实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>挑选全部子元素</title>
<style>
.demo > *{
background-color: palevioletred;
}
</style>
</head>
<body>
<div class="demo">
<p>文章段落 1</p>
<p>文章段落 2</p>
<span>文章段落 3</span>
<div>文章段落 4</div>
</div>
<p>文章段落 6</p>
<p>文章段落 7</p>
</body>
</html>设计效果图：
大量程序编写基本知识，请访问：编程视频！！
以上就是关于css如何选择全部子元素的具体内容，大量欢迎关注AdminJS其他类似文章！