本文详细介绍了CSS中的复合选择器，包括后代选择器、子元素选择器、交集选择器、并集选择器、链接伪类选择器，并总结了块级元素、行内元素和行内块元素的特性和应用场景，以及如何通过display属性进行显示模式转换。
【前言】
今天来总结一下复合选择器和标签的显示模式以及它们之间的转换。
【内容】
1.CSS复合选择器
目的：为了可以选择更准确更精细的目标元素标签。
复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的。
（1）后代选择器（包含选择器）
作用：用来选择元素或元素组的子孙后代。
语法如下：
写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔，先写父亲爷爷，在写儿子孙子。
父级 子级{属性:属性值; 属性:属性值; }
例如：
.class h3{ color:red;font-size:16px; }
说明：
当标签发生嵌套时，内层标签就成为外层标签的后代。
子孙后代都可以这么选择，或者说，它能选择任何包含在内的标签。
（2）子元素选择器
作用：
子元素选择器只能选择作为某元素子元素（亲儿子）的元素。
语法如下：
写法就是把父级标签写在前面，子级标签写在后面，中间跟一个>进行连接
.class>h3{color:red;font-size:14px; }
说明：
这里的子 指的是 亲儿子 不包含孙子 重孙子之类。
（3）交集选择器
条件：
交集选择器由两个选择器构成，找到的标签必须满足：既有标签一的特点，也有标签二的特点。
语法：
例如：
p.red{ color:red; }
<body><p class=”red”></p></body>
说明
最低0.47元/天 解锁文章
扫一扫
279
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
