层叠的规则:后出现的样式会覆盖前面设置的样式
p {color: red;
}
p {color: blue;
}比如这段代码生效是颜色是blue.
若是不同选择器之间发生了样式冲突,则描述更为具体的那个选择器具有更高的优先级,比如id选择器 > 类选择器 > 标签选择器这低优先级是无法覆盖高优先级的.
覆盖的时候不会覆盖所有规则，只覆盖相同的属性。
!important
放在标签属性后面,是在声明即使优先级低,这个属性也使用这个值,(!important属性会改变层叠的常规工作方式,非必要不使用.)
如果多个不同选择器的相同属性后面都加!important就比较选择器,使用优先级更高的那个选择器.
引入CSS的三种方式:
-
使用外部样式表(常用,link引入css文件)
-
使用内部样式表(使用<style>标签)
-
使用内联样式(使用style属性)
文档链接
- CSS Flexbox
