css中子元素怎么显示 |css 列表 数字

/*假设HTML结构如下*/
<div class="parent">
<h1>这是父元素</h1>
<p>这是父元素的段落</p>
<div class="child">
<p>子元素的段落</p>
</div>
</div>
/*CSS代码实现*/
/*样式1：只对嵌套的p标签设置样式*/
.parent .child p{
color: red;
}
/*样式2：对嵌套的div以及其中的子元素都进行样式设置*/
.parent .child{
border: 1px solid black;
padding: 10px;
}
.parent .child *{
font-size: 16px;
}

解释：

在样式1中，大家使用了“空格”符号来连接父元素和子元素，从而实现了子元素段落的样式修改。

而在样式2中，大家使用了通配符*来选中了父元素下所有的子元素，并分别设置了自己的样式。

需要注意的是，样式2中“*”符号被视为“任意元素”选择器，而不是与父元素 “空格”符号配合直接选中子元素的方式。