css样式优先级-白红宇

css样式优先级

阅读量：4449 次

发布时间：2019-06-07

本文共 605 字，大约阅读时间需要 2 分钟。

行内样式：行内样式就是直接把CSS代码添加到HTML的标记中，即作为HTML标记的属性标记存在。通过这种方法，可以很简单地对某个元素单独定义样式。比如<div style=”color:#f00”></div>

内部样式：内部样式表是写在HTML的<head></head>里面的。内部样式表只对所在的网页有效。如<style type=”text/css”>.div{color:#f00}</style>

外部样式：外部样式表将管理整个Web页的外观，当用户在设计HTML(标准通用标记语言的一个应用)时，首先要对整个外观定义一个CSS文件(扩展名为·css)，然后通过链接来使用，一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中。

css的优先级

在行内样式，内部样式，外部样式同时使用下，经过实验行内样式>内部样式>外部样式

但内部样式和外部样式在使用时还需看它们用的选择器，一般来说id选择器>类选择器>元素选择器

如果外部样式用的类选择器而内部样式用的元素选择器，那么行内样式>外部样式>内部样式

如果它们选择器相同，那么就行内样式>内部样式>外部样式(就近原则)

转载于:https://www.cnblogs.com/lulublog/p/7822141.html

你可能感兴趣的文章