首页 > 其他分享 >CSS权重的叠加

CSS权重的叠加

时间:2022-10-29 19:07:26浏览次数:94  
标签:叠加 权重 color li ul CSS


<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS权重的叠加</title>
<style>
/* 复合选择器会有权重叠加的问题 */
/* 权重虽然会叠加,但是永远不会有进位 */
/* ul li 权重 0,0,0,1 + 0,0,0,1 = 0,0,0,2 2*/
ul li {
color: blue;
}

/* li权重 0,0,0,1 1*/
li {
color: green;
}

/* .nav li 权重 0,0,1,0 + 0,0,0,1 = 0,0,1,1 11*/
.test li {
color: pink;
}
</style>
</head>

<body>
<ul class="test">
<li>大猪蹄子</li>
<li>大肘子</li>
<li>猪尾巴</li>
</ul>
</body>

</html>

标签:叠加,权重,color,li,ul,CSS
From: https://blog.51cto.com/u_15732537/5806313

相关文章

  • 修改权重使用预训练模型权重
    抛弃最后的输出层并非最佳方案。可以修改输出层的权重,以mmdetection使用预训练模型为例。importtorchdeffaster_rcnn(num_classes):model_coco=torch.load("e:/14......
  • 「测试开发全栈-HTML」(12)css字体颜色属性
    CSSText(文本)属性可定义文本的外观,比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等。 用的最多的就是文本颜色,color属性用于定义文本的颜色。语法如下:div{ ......
  • CSS2学习随笔
    CSSCSS:层叠样式表(CascadingStyleSheets)修饰网页,且能配合js对原有样式进行更改。css的层叠性:一个元素可能同时被多个css选择器选中,每个选择器都有一些css规则,这......
  • CSS3学习随笔
    CSS3css3是css2的升级,相比新增主要内容css选择器,和css属性新增内容:语言模块,背景,列表,边框,文本,盒子特效,多列目录CSS3渐进增强和优雅降级(面试题)渐进增强优雅降级选择器属性......
  • 英语单词组件- 单词在句子中,上面显示中文下面显示音标 css样式
    原先效果:改进demo效果优化点音标长度超出,或者中文超出,总宽度会按照最长的走居中显示再次优化line-height:22px;加入这个对齐中间行Thisisa......
  • CSS权威指南 读书笔记 第一章节
    CSS规则中,@import必须放在最前面,否则无效,但本人目前现在用的很少;CSS对规则间的空格并不敏感,规则内的也不敏感,所以在CSS语句中分隔模式可以是空格、tab符、换行,也可组合使......
  • Sass、Scss、Less笔记
    一、Sass和SCSS有什么区别? SCSS是Sass3引入新的语法,其语法完全兼容CSS3,并且继承了Sass的强大功能。Sass和SCSS其实是同一种东西,我们平时都称之为Sass,两者之......
  • CSS 中 px、rem 与 em
    em整理:任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择......
  • css伪类
    伪类是定义元素的特殊状态锚伪类  1.a:link     未访问的链接2.a:visited  已访问链接3.a:hover   鼠标停留  4.a:active   已选择......
  • CSS核心基础 (样式规则,引入CSS样式表;基础选择器)
    一.CSS样式规则选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}属性与属性值以“键值对”的形式出现,属性是对通过选择器所指定的对象设置的样式属性(字体,大小,颜色等)。CSS......