2.第二从用法上区分后代选择器html部分：<ul class=”study”><li>物理 <ul> <li>力学</li> <li>声学</li> <li>电磁学</li></ul></li><li>数学<ul> <li>微积分</li> <li>概率论</li> <li>博弈论</li></ul></li> </ul> css部分//使用子代选择器的效果.study >li{ border:1px solid red;/*只给物理和数学加一个红色方框*/}//使用后代选择器的效果.study li{ border:1px solid red;/*给物理 力学 声学 电磁学 和数学 微积分 概率论博弈论都加一个红色方框*/}这说明子代是他是单传只给物理和数学就断子绝孙，后代是一代传一代。
子代选择器时效果图：
后代选择器时效果图：
@ CSS父元素的子元素样式控制另一子元素怎么实现？
你说讲的这应该是同级兄弟元素之间的CSS控制。话说有一种选择器就叫兄弟元素选择器，分为临近兄弟和普通兄弟。临近兄弟：用 ＋ 表示，只匹配该元素后边的第一个同级元素。普通兄弟：用 ～ 表示，匹配该元素后边的所有同级元素。给个例子：
sdf
sdfsdf当把p的class设为on的时候，span的样式也跟着改变。不知道这么说清楚没有。另外这种方式IE6是不支持的。慎用吧。
@ box在HTML中的意思？
这是个CSS的相邻同胞选择器。 .box + .box 意思就是：选择紧邻第一个box元素的同胞box元素。 这俩类名一样，解释起来有点混乱。 偶举个例子。 例如：标题 标题
文章段落
如果偶这么写：.box1 + h1 ,那么偶选择的就是类名叫.h1-1的元素。 如果：.box2 + h1 ,它不会选择任何元素，因为.box2的下面没有一个叫h1的同胞元素。 如果：h1 + div ,那么会选择.box2的div元素。 第一个元素 + 第二个元素 这个选择器只会选择 紧邻第一个元素 并且是在第一个元素下面的同胞级元素 上面那段代码，如果你写 ：.box1 + .box2 将没有效果，因为他们中间夹了个h1元素。 但是有一个选择器可以实现，就是.box1 ~ .box2 同胞选择器。 能力有限，不知帮到了吗？
@ css选择器命名能是百分号吗？
不能
具体如下：
左边是选择器首字符，右边是选择器后面的字符
首字符支持的字符类型是a～z、A～Z、下划线（_）以及非ASCII字符（中文、全角字符等）
后面的字符支持的字符类型是a～z、A～Z、0～9、下划线（_）、短横线（-）以及非ASCII字符
可以直接以短横线开头，如果是一根短横线（-），那么短橫线后面必须有其他字符、字母或下划线或者其他编码字符；如果是连续两根短横线（–），则它的后面不跟任何字符也是合法的。
