css优先级

原创 2015年07月08日 14:25:41

css样式分为:外部样式,内部样式,内联样式


选择器优先权:

1.  内联样式表的权值最高 1000;

2.  ID 选择器的权值为 100

3.  Class 类选择器的权值为 10

4.  HTML 标签选择器的权值为 1

CSS 优先级法则:

A  选择器都有一个权值,权值越大越优先;

B  当权值相等时,后出现的样式表设置要优于先出现的样式表设置;

C  创作者的规则高于浏览者:即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式;

D  继承的CSS 样式不如后来指定的CSS 样式;

E  在同一组属性设置中标有!important”规则的优先级最大;示例如下:



【CSS】CSS选择器优先级及!important属性

CSS的选择器是有权重的,当不同选择器的样式设置有冲突时,会采用权重高的选择器设置样式。权重(即优先级)的规则如下,权重越高,优先级越高: 同一个元素可以使用多个规则来指定它的同一样式(比如字体颜色)...
  • LZGS_4
  • LZGS_4
  • 2015年02月03日 10:18
  • 18369

css中使用!important优先级最高问题

我们都知道在css属性在不同的地方有不同的优先级,但是我们可以在css定义中的用!important限定的定义最高优先级。 下面我通过四种情况做个实例: 下面是实例代码代码里有对应的说明: ...
  • bymyself11
  • bymyself11
  • 2016年07月28日 14:49
  • 4666

CSS选择器优先级计算

CSS选择器优先级计算
  • Dong_PT
  • Dong_PT
  • 2016年04月29日 20:14
  • 1219

关于css属性的优先级详细探索

本文解释部分css样式优先级的细节问题。涉及外联,内嵌,内联,和脚本能不同赋值方式。...
  • cc2293260
  • cc2293260
  • 2016年03月10日 16:00
  • 798

HTML引入CSS样式三种方法及优先级

方法     css的样式引用由3种方式。分别为内联定义、链入内部CSS和链入外部CSS。有一点注意,样式表放在不同的地方,产生作用的范围不同(以下会说明)。 内联定义    内联定义,即在对象...
  • mybelief321
  • mybelief321
  • 2015年12月05日 21:31
  • 13221

详解css样式处理的优先级

想要对一个标签处理它的样式,可以用 class=“” 的方式来定义它的类,然后在类中处理他的样式 例如: .box{width:100px;height:100px;backgrou...
  • u014028956
  • u014028956
  • 2015年07月17日 11:21
  • 2129

CSS学习笔记-CSS的优先级+继承性(四)

css继承特性CSS继承性 HTML文档以树形结构进行组织,各元素之间是一种层次关系,这种层次关系同样反映在样式表的应用中。具有层次关系的元素之间,内层元素将继承外层元素的样式,多个外层元素中定义的...
  • qq_26927285
  • qq_26927285
  • 2016年09月30日 22:37
  • 386

CSS选择器优先级 jquery选择器优先级

css选择器主要分为三类:标签名选择器、类选择器、ID选择器。当然后续还扩展了一些后代选择器和群组选择器。  一、 下面对着5中选择器进行举例:         1. 标签名选择器     div {...
  • cacacacacacacaa
  • cacacacacacacaa
  • 2016年09月24日 22:00
  • 1165

css选择器优先级判定

CSS selector 优先级 理解1: 如何确定CSS的优先级?这里我们要先引入一个机制, 分别用4个数字(a,b,c,d)表示优先级组合,比如1,1,1,1和0,1,0,1。它们的...
  • Christine95
  • Christine95
  • 2015年08月06日 11:14
  • 1172

CSS基础学习十一:选择器的优先级

在CSS基础学习的篇章中,从第四篇博客开始说选择器,到昨天基本已经说完了。今天我们总结一下,选择器作 用:告知浏览器需要设置哪个dom元素的样式。最后来说说选择器一个重要的问题,选择器的优先级。判断优...
  • erlian1992
  • erlian1992
  • 2015年11月15日 14:49
  • 3645
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css优先级
举报原因:
原因补充:

(最多只允许输入30个字)