三藏中文网

手机浏览器扫描二维码访问

第52章 乌姑娘蜕变乌公主（第3页）

*选中类名为subject元素中的所有类名为front-end的li*

。subjectli。front-end{

color:blue;

}

注意：后代选择器，最终选择的是后代，不选中祖先。

第七十二节cSS_子代选择器

子代选择器又称子元素选择器、子选择器。

作用：选中指定元素中，符合要求的子元素（儿子元素）。（先写父，再写子）

语法：选择器1＞选择器2＞选择器3＞。。。。。。选择器n{}，选择器之间用＞隔开。

举例:*div中的子代a元素*

div＞a{

color:red;

}

*类名为persons的元素中的子代a元素*

。persons＞a{

color:red;

}

注意：

1。子代选择器，最终选择的是子代，不是父级。

2。子、孙子、重孙子、重重孙子。。。。。。统称后代！，子就是指儿子。

第七十三节cSS_兄弟选择器

分为两类：一。相邻兄弟选择器，二。通用兄弟选择器。

一。相邻兄弟选择器:所谓相邻就是紧挨着他的下一个，简记：睡在我下铺的兄弟。

作用：选中指定元素后，符合条件的相邻兄弟元素。

基本语法如下:选择器1+选择器2{}，中间用加号隔开。

示例：*选中div后答案紧紧相邻的兄弟p元素（睡在我下铺的兄弟）——相邻兄弟选择器*

div+p{

color:red;

}

二．通用兄弟选择器

作用：选中指定元素后，符合条件的所有兄弟元素。（简记：睡在我下铺的所有兄弟）。

语法：选择器1~选择器2{}。

实例：*选中div后的所有的兄弟p元素*

div~p{

color:red;

}