如何理解 css 样式表的层叠性

 我来答

2个回答

#热议# 海关有哪些禁运商品？查到后怎么办？

育知同创教育
2016-08-04 · 百度知道合伙人官方认证企业

育知同创教育

1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】

向TA提问

关注

展开全部

可乱歼弊以有三种理解方式，如下：

一：层叠性指的是样式的优先级，当产生冲突时以改并优先级高的为准。

开发者样式>读者样式>浏览器样式（除非使用!important标记
）
id选择符>（伪）类选择符>元素选择符
权重相同时取后面定义的样式

二：

CSS层叠性是指CSS样式在针对同一元素配置同一属性时，依据层叠规则（权重）来处理冲突，选择应用权重高的CSS选择器所指定的属性，一般也被描述为权重高的覆盖权重低的，因此也称作层叠。每个CSS选择器都会有一个权重，当两个选择器同时配置同一元素的同一属性时（比如一个设置color：red，另一个color：black），就会产生冲突，而解决冲突的方案就是CSS选择器的权重，权哗族重高的来覆盖权重低的。

三：层叠性指的是上级标签的样式会自动继承到其所有下级标签，如针对<body>设置的标签选择器所设的字体样式会自动应用到<body>下的<p>中，除非<p>重写了相关样式将其覆盖。