美文网首页
当一个元素有多个css选择器样式时

当一个元素有多个css选择器样式时

作者: li_荔枝 | 来源:发表于2019-09-25 10:29 被阅读0次

4个等级的定义如下: 第一等:代表内联样式,如: style=””,权值为1000。 第二等:代表ID选择器,如:#content,权值为100。 第三等:代表类,伪类和属性选择器,如.content,权值为10。 第四等:代表类型选择器和伪元素选择器,如div p,权值为1

下题选自牛客网


image.png

标签的权重是1,类的权重是10 ,id的权重是100
ul#related span 的权重为 1+100+1=102

favorite .highlight 的权重为 100+10=110

highlight 的权重为 10
选最高权重的 C

相关文章

  • 二、CSS基础

    css——层叠样式表 选择器 用于匹配HTML元素有不同的匹配规则多个选择器可以叠加 值得关注的选择器元素选择器 ...

  • 当一个元素有多个css选择器样式时

    4个等级的定义如下: 第一等:代表内联样式,如: style=””,权值为1000。 第二等:代表ID选择器,如:...

  • CSS

    一、CSS样式 外链样式: 页内样式: 行内样式: 二、CSS选择器: 4种基础选择器:标签选择器、class选择...

  • css选择器的优先级                      

    css选择器的使用条件:当样式冲突时,就会有优先级问题。 其中css选择器可以分为:1.通配选择器,其优先级为0;...

  • CSS

    CSS基本语法及页面引用 CSS基本语法 css定义的方法是:选择器{属性:值;属性:值;}选择器是将样式和页面元...

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

    CSS的选择器是有权重的,当不同选择器的样式设置有冲突时,会采用权重高的选择器设置样式。权重(即优先级)的规则如下...

  • 样式层叠

    层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前...

  • 前端Day7

    CSS选择器(补充) 属性选择器:(少用) 单个属性选择:标签名[属性名] { 样式 } 多个属性选择:标签名[属...

  • 三句话就搞懂!CSS选择器的优先级计算方法

    当CSS属性的效果互相抵触时,就需要计算CSS选择器的优先级。 首先,我们给选CSS择器分类: 行内样式 =...

  • css简单标签

    使用简单的css制作如下样式标签: 其中css的伪类选择器:empty注意下: 1.伪类选择器::empty(该元...

网友评论

      本文标题:当一个元素有多个css选择器样式时

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