css有内外之分，哪个优先级更高？

内的高：
比如：<span class="..." style="...">XXX</span>
style优于class2006-01-05

一、CSS的优先级

1、标有"!important"的规则有最高优先级

一个样式规则可以有一个"important"附带标签，表示该样式规则具有最高优先级。例如下面例子中，前景色被标为important。

H1{color:black !importan; font-family:sans-serif}

注意：这种声明容易引起混乱，因此通常使用得较少。

2、创作者规则优先级高于浏览者规则

浏览器允许浏览者创建样式规则以覆盖系统缺省值。在此情况下，由网页创作者明确设定得样式优先级较高，而浏览者设置得样式规则优先级较低。

3、更特殊得规则优先于不够特殊的规则

在决定特殊性时，selector中的ID属性有最高优先级。基于ID selector的优先级可通过计数Selector中类属性的数量确定，数量越多优先级越高。假如规则仍然无法确定优先级，则HTML元素名的数量决定了特殊性。

4、在同一个级别的情况下，最后指定的规则有优先权

假如两个或更多的规定在应用了前三个规定具有相同优先级，则后给出的规则优先于早先给出的规则。
如果在网页的HEAD标记中同时使用了STYLE标记符（指定嵌入式样式）和LINK标记符（指定链接式样式），并且这两个样式指定中同时应用了具有同一优先级别的样式，则STYLE标记符和LINK标记符的先后顺序将决定样式的优先级。
例如，如果在LINK所链接的样式表（mycss.css）中定义了以下一条样式规则：
H1{color:red}
同时在嵌入式样式定义中也定义了一条规则：
H1{color:yellow}
在网页中的样式定义如下所示：
<HEAD>
<LINK rel=stylesheet href="mycss.css" type="text/css">
<STYLE>

</STYLE>
</HEAD>
由于STYLE标记符中定义的样式后出现，因此它具有更高的优先级，所以网页中H1标记符的内容将显示为黄色（yellow)。同样，如果将Link标记符的位置移动到<STYLE></STYLE>标记符之后，则网页中H1标记符的内容将显示为红色（red)。
另外，由于直插式样式（使用HTNL标记的style属性设置的样式）的位置最接近于样式作用的标记符，因此它通常具有高优先级。2006-01-05

mengvlog 阅读 10 次 更新于 2025-06-20 01:33:02 我来答关注问题 0

2 个回答檬味博客专题活动

CSS使用方法,优先级规则
CSS使用方法及优先级规则CSS使用方法：行内样式：直接在HTML元素的style属性中定义样式，优先级最高。内部样式：在HTML文件的标签内定义样式，嵌入在HTML文件中，优先级次之。外部样式：通过标签链接到单独的CSS文件，优先级最低。CSS优先级规则： !important声明：具有最高优先级，可以覆盖所有其他规则...
css权重&优先级
1. 选择器类型：内联样式：具有最高的优先级，因为它们直接绑定在HTML元素上。内部样式表：位于HTML文件内部，优先级低于内联样式。外部样式表：位于HTML文件之外，通常在单独的.css文件中，优先级最低。2. 选择器复杂性：选择器的权重会根据其复杂性进行计算。例如，类选择器、ID选择器和伪类选择...
HTML引入CSS样式三种方法及优先级
以示例代码说明优先级。在外部CSS文件中定义div1背景色为红色，内部CSS中定义为黑色，内联定义为绿色。结果显示，内联定义的样式优先级最高，显示为绿色。去除内联定义后，比较内部CSS与外部CSS的优先级，内部CSS的优先级高于外部CSS。总结，内联定义的样式优先级最高，内部CSS次之，外部CSS的优先级最低。...
css四种样式的优先级(css的三种样式中哪种样式的优先级最高)
按优先级:前端优先读取正序。正规规范优先倒序。 style=这样肯定是最优的,但也是最不推荐的。前端标签直接写入。延伸阅读:读取优先,灵活使用,如大量页面,每页面都要设置。工作繁琐,大量写入增加代码量。不利优化。 styletype="text/css"这样属于第二读取方式。直接写在对应的页面。延伸阅读:每页面都要设置。工作...
css优先级和权重值是如何计算的?
优先级分为三种类型：内联样式、内部样式表和外部样式表，其中内联样式拥有最高优先级。选择器优先级则是根据选择器的权重值来确定。通配符选择器的权重值最低，为0。在对比其他选择器时，id选择器权重值为100，类选择器权重值为10，标签选择器权重值为1。权重值由W3C制定，用作记忆辅助，并非实际数值...

其他CSS类似问题

檬味博客在线解答立即免费咨询

css有内外之分，哪个优先级更高？

其他CSS类似问题

CSS相关话题