css基础2--CSS复合选择器、标签显示模式、设置背景的属性、CSS三大特性

-银河-

已于 2022-07-26 21:59:27 修改

阅读量226

点赞数

分类专栏： HTMl&CSS 文章标签： css 前端 html

于 2022-07-26 21:52:21 首次发布

本文链接：https://blog.csdn.net/Nyxfairy/article/details/125898955

版权

目录

一、CSS复合选择器

二、标签显示模式

三、背景处理有关的CSS属性

四、CSS三大特性

1. CSS层叠性

2. CSS继承性

3. CSS特殊性（优先级）

权重计算公式

一、CSS复合选择器

应用场景：某个容器中的标签和页面上其他地方的同名标签外观需要设计为不同的

1. 后代选择器：选择器1 选择器2{......}

使用外部容器来限制选择范围，选取的标签必须是外部标签的内部内容。

选择出来的结果集合包含的是满足选择器2选取的元素，并且这些元素必须在选择器1选取的元素之中。

2. 子选择器：选择器1 > 选择器2{......}

使用外部容器来限制选择范围，选取的标签必须是外部标签的内部内容，并且必须是“亲儿子”。

3. 交集选择器：选择器1选择器2{......}

同时满足两个选择器的规则，结果是两个或多个选择器选取结果的交集。

结果既要满足选择器1的规则，也要满足选择器2的规则。

4. 并集选择器：选择器1，选择器2,....{......}

结果是两个或者多个选择器选取结果的和，即并集。

结果或者满足选择器1的规则，或者满足选择器2的规则。

关注