美文网首页工作生活
初识CSS ②继承、层叠和特殊性

初识CSS ②继承、层叠和特殊性

作者: 九歌之山鬼 | 来源:发表于2019-07-04 17:50 被阅读0次

1、继承

CSS的某些样式是具有继承性的,继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。

如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。但注意有一些css样式是不具有继承性的。如border:1px solid red;

2、特殊性

同一个元素设置了不同的CSS样式代码,使用权值高的css样式。

标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。

注意:还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。

权值

3、层叠

层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。

内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)

4、重要性

有些特殊的情况需要为某些样式设置具有最高权值,可以使用!important来解决。

浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式,但记住!important优先级样式是个例外,权值高于用户自己设置的样式。

相关文章

  • 初识CSS ②继承、层叠和特殊性

    1、继承 CSS的某些样式是具有继承性的,继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于...

  • CSS 自学笔记(中)

    传送门: CSS 自学笔记(上) CSS 自学笔记(中) CSS 自学笔记(下) 继承、层叠和特殊性 继承 CSS...

  • css继承、层叠和特殊性

    css继承、层叠和特殊性 1、继承css的某些样式具有继承性 那么什么是继承呢?继承是一种规则,它允许样式不仅应用...

  • CSS继承、特殊性和层叠

    1.继承 CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标...

  • 初始CSS.下(记录下方便搜索查看)

    一、CSS的继承、层叠和特殊性 1.1、继承 CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它...

  • 慕课网HTML+CSS基础教程(9-10章)2.0版

    一、CSS继承、层叠和特殊性 1、继承允许某些样式继承到其后代子元素比如color可继承,border不能继承。2...

  • CSS继承、层叠、特殊性

    1.CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素...

  • css的继承、层叠和特殊性

    css的继承、层叠和特殊性 继承 css的某些样式是具有继承性的,继承是一种规则,它允许样式不仅应用于某个特定的h...

  • 第三章、层叠和样式

    特殊性、继承、层叠 -> 解决样式冲突 1、特殊性 2、继承 3、层叠

  • css的继承、层叠和特殊性

    1.css的继承 1-1, p { color: #2f2 } 以上p标签的设置不仅仅应用于p标签,还应用于p...

网友评论

    本文标题:初识CSS ②继承、层叠和特殊性

    本文链接:https://www.haomeiwen.com/subject/uvrrhctx.html