美文网首页
css 的 class 的优先级

css 的 class 的优先级

作者: 小董儿 | 来源:发表于2018-02-01 12:05 被阅读0次

<div   class="A B">

444

</div>

.A {

background-color:red;

}

.B{

background-color:green;

}

问题: 444 的 background-color显示的是什么颜色呢?红色??绿色??   答案:绿色

权重的基本规则

1、相同的权重:后面出现的选择器为最后规则:

假如在外部样式表中,同一个CSS规则你写了两次,那么出现在前面的选择器权重低,你的样式会选择后面的样式:著作权归作者所有。


商业转载请联系作者获得授权,非商业转载请注明出处。

原文: https://www.w3cplus.com/css/css-specificity-things-you-should-know.html © w3cplus.com

相关文章

  • css优先级-权重值

    CSS的权重值 位置优先级 当html元素的class在调用样式时,权重值越大优先级越高,尤其是一个class有多...

  • css选择器

    css选择器 1基本选择器(重点) id # class . h1{} 优先级 id》class》标签 2层...

  • class与id的优先级问题

    在CSS中,id和class的区别及优先级 四个原则 原则一: 继承不如指定 原则二: #ID > .class ...

  • css 的 class 的优先级

    444 .A { background-color:red; } .B{ background-color:gre...

  • 前端基础(问答5)

    keywords:选择器、优先级、class与id、命名空间、伪类。 CSS选择器常见的有几种? 常见的CSS选择...

  • 前端面试题集锦(css篇)

    请描述一下 CSS 选择器的优先级别顺序? !import > 内嵌 > id > class > tag > *...

  • CSS3选择器

    用id获取元素 (#) 最好不要在css使用ID,因为优先级高,容易覆盖.class的设定,造成混乱 用class...

  • CSS 选择器种类、权重和优先级

    主要内容: 常见的CSS选择器、选择器的优先级。 class 和 id 选择器 class 和 id 选择器的区别...

  • (7)-基础CSS

    class和id的使用场景。CSS常见选择器。选择器的优先级是怎样的?复杂场景如何计算优先级?列出你知道的伪类选择...

  • css问题整理(持续更新中...)

    1. css权重、优先级 权重 内联样式id选择器class、属性选择器(eg:[title]{ color:bl...

网友评论

      本文标题:css 的 class 的优先级

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