“CSS3 为什么叫层叠样式”这个问题,其实关键点不在“CSS3”,而在 CSS 本身,也就是 Cascading Style Sheets(层叠样式表)。
层叠(Cascading) 是指:
当多个 CSS 规则作用于同一个 HTML 元素时,浏览器需要按照一定规则决定最终用哪一个样式。
例如:
p {
color: red;
}
p {
color: blue;
}
最终 <p> 的文字是 蓝色,因为后面的规则“层叠”覆盖了前面的。
CSS 全称是:
Cascading Style Sheets
其中:
样式可以从多个地方来,并且会“层叠”在一起:
<style>style 属性当样式冲突时,浏览器按以下顺序决定优先级(从低到高):
#id)!important这就是“层叠”的核心思想。
CSS3 是 层叠样式表(CSS)的第 3 版
CSS 叫“层叠样式表”,是因为样式会像水一样一层层叠加,并由浏览器按规则决定最终效果;CSS3 只是这个层叠样式表的第三个版本。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。