本文介绍了CSS中的后代选择器和权值计算规则。包括子选择器（第一代）和包含选择器（所有后代）的用法，以及特殊性的概念。详细阐述了权值的计算方式，如标签（1）、类选择符（10）、ID选择符（100）和内联样式的权值（1000）。通过实例展示了权值如何决定元素最终的样式表现，并提到了继承权值的特殊情况。
子选择器（第一代）
符号：>
作用：选中儿子元素
示例：
<style type="text/css">
.music>li{border:1px solid red;} <!-border边框样式-->
<!--操作区-->
<body>
<h1>Music Singer</h1>
<ul class="music">
<li>Chinese
<ul>
<li>Leijun</li>
<li>JayChou</li>
<li>SilerChao</li>
</ul>
</li>
<li>English
<ul>
<li>Taylor Swift</li>
<li>Whitness Huston</li>
<li>Micheal Jackson</li>
</ul>
</li>
</ul>
</body>
包含选择器（所有后代）
符号：空格
作用：选中所有儿子孙子元素
示例：
<head>
<style type="text/css">
.music li <!--此处修改为空格后-->
{
border:1px solid red;
}
最低0.47元/天 解锁文章
扫一扫
1103
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
