八哥中文网

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

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

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

（先写父，再写子）

语法：选择器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;

}

第七十一节cSS_属性选择器

作用：选中属性值符合一定要求的元素。

语法：1.[属性名]选中具有某个属性的元素。

2.[属性名="

值"

]选中包含某个属性，且属性值等于指定值的元素。

3.[属性名^="