商城入口_2024年住建部最新消息_网上写文章用什么软件_外贸推广网站

层叠的规则:后出现的样式会覆盖前面设置的样式

p {color: red;
}
​
p {color: blue;
}

比如这段代码生效是颜色是blue.

若是不同选择器之间发生了样式冲突,则描述更为具体的那个选择器具有更高的优先级,比如id选择器 > 类选择器 > 标签选择器这低优先级是无法覆盖高优先级的.

覆盖的时候不会覆盖所有规则，只覆盖相同的属性。

!important

放在标签属性后面,是在声明即使优先级低,这个属性也使用这个值,(!important属性会改变层叠的常规工作方式,非必要不使用.)

如果多个不同选择器的相同属性后面都加!important就比较选择器,使用优先级更高的那个选择器.

引入CSS的三种方式:

1. 使用外部样式表(常用,link引入css文件)

2. 使用内部样式表(使用<style>标签)

3. 使用内联样式(使用style属性)

文档链接

• CSS Flexbox