`

css选择器优先级

    博客分类:
  • css
阅读更多
    一般情况下,选择器越特殊,它的优先级越高。也就是选择器指向的越准确,它的优先级就越高。通常我们用1表示类型选择器的优先级,用10表示类选择器的优先级,用100标示ID选择器的优先级。
    css的优先级包含四组级别(文内选择符,ID选择符,Class选择符,元素选择符)以及各级别出现的次数。根据a、b、c、d四种等级出现的次数计算为依据确定CSS选择器的优先级。

如果样式是行内样式(通过Style=””定义),那么a=1
b为ID选择器的总数
c为Class类选择器的数量。
d为类型选择器的数量
!important重要的特殊声明,!important大于一切选择器指定。


http://www.nowamagic.net/librarys/veda/detail/1606
css选择器分类详见:http://wangjingyi.iteye.com/blog/1446292
分享到:
评论

相关推荐

    关于CSS选择器优先级的判断题附结果截图

    主要介绍了关于CSS选择器优先级的判断并附结果截图,需要的朋友可以参考下

    深入理解CSS选择器优先级

    主要帮助大家深入理解CSS选择器优先级的相关内容,通过八个小例子分析比较CSS选择器优先级,感兴趣的小伙伴们可以参考一下

    css选择器优先级深入理解

    css基础选择器有标签选择器、类选择器、id选择器、通用选择器,本文将深入介绍css选择器优先级,这会给正在解决优先级问题的朋友,带来些许帮助

    ylsislove#make-a-little-progress-every-day#前端-CSS选择器优先级1

    声明在样式表或文档中越靠后出现,权重越大。如果样式表中有通过 @import 导入的样式表,一般认为出现在导入样式表中的声明在前,主样式表的所有声明在后。

    解决CSS样式冲突的几个办法(小结)

    通过使用组合器(Combinator)将选择器的描述写得更加精确(参考CSS选择器 – MDN ),例如对于下述代码片段,如果想给.cellphones中的.apple增加样式,只使用.apple,势必会对.fruit中的.apple也造成影响。...

    CSS标签选择器优先级.pdf

    CSS标签选择器优先级.pdf

    CSS中选择器优先级顺序实战讲解.pdf

    CSS中选择器优先级顺序实战讲解.pdf

    CSS选择器权重计算及优先级

    介绍CSS中,单个选择器,以及复合选择器的权重计算规则,比如: .box #mydiv ul li.txt。通过计算选择器的权重,区别其优先级,判 断最终样式的覆盖效果。

    彻底弄懂CSS选择器以及优先级

    CSS选择器优先级得关系为: !important>内联>ID选择器>类选择器>标签选择器。 一种优先级算法 内联样式表的权值最高 (style=””) 权值为1000 统计选择符中的ID属性个数。(#id) 权值为100 统计选择符中的CLASS属性...

    CSS入门源代码 CSS入门源代码

    CSS入门源代码 CSS其他选择器(上) CSS其他选择器(下) css选择器 css选择器优先级 css样式设置 列表样式 使用外部样式表 伪类分类 伪类样式 伪元素选择器 文本类样式 字体类样式

    详解CSS中的选择器优先级顺序

    CSS在使用选择器对元素施加属性的时候会有先后顺序,包括特殊性和重要性等概念在内,这里我们就来详解CSS中的选择器优先级顺序,需要的朋友可以参考下

    前端初中高面试题及答案

    2. css 选择器优先级? !important > 行内样式(比重1000)> ID 选择器(比重100) > 类选择器(比重10) > 标签(比重1) > 通配符 > 继承 > 浏览器默认属性 3. 垂直居中几种方式? 单行文本: line-height = ...

    详解CSS中的选择器优先级及样式层叠问题解决

    可是,我们经常看到带有元素名称的选择器,例如,在微软的项目模板中就有大量的带有元素名称的选择器,如果没有用的话,为什么要这样写呢?哈哈哈,这么写是有原因的,下面就带大家一起看一下! CSS Code复制内容到...

    CSS选择器-xmind

    CSS选择器 xmind - 选择器分类(ID选择器,类选择器,标签选择器,通配选择器,属性选择器,伪类选择器)。 - 选择器关系(分组,后代,子元素,相邻兄弟,后续兄弟)。 - CSS特性(优先级,继承,层叠)。

    CSS选择器种类、优先级与匹配原理详解

    这个时候突然意识到了CSS选择器的优先级问题,这里就CSS选择器的优先级问题做了一些总结。 51CTO推荐阅读:巧妙地使用CSS选择器 选择器种类 严格来讲,选择器的种类可以分为三种:标签名选择器、类选择器和ID选择...

    css优先级98908u0

     ID选择器(形如#id{}) 类选择器(形如.class{}) 标签选择器(形如body{}或者*{}),也就是ID选择器,类选择器,标签选择器中,ID选择器的优先级最高,标签选择器最低;  选择器越具体优先级就越高,也就是  ....

Global site tag (gtag.js) - Google Analytics