首页 > 其他分享 >css优先级

css优先级

时间:2022-10-02 09:00:19浏览次数:52  
标签:0020 优先级 数字 parent child 选择器 css

四位数,大的优先级高

第一个数字,1表示内联样式,0表示没有内联样式

第二个数字表示选择器中id选择器的数量

第三个数字表示选择器中类选择器名称的数量

第四个数字表示选择器中元素名称引用的数量

例:#me 0100

.parent>.child 0020

.pareant .child 0020 同分最后定义的特异性更高

.child 0010

.parent>#me 0110

标签:0020,优先级,数字,parent,child,选择器,css
From: https://www.cnblogs.com/johnether/p/16748242.html

相关文章

  • How To Use CSS How To Draw A Trapezoid All In One
    HowToUseCSSHowToDrawATrapezoidAllInOne如何使用CSS如何画一个梯形AllInOneCSStrapezoid/CSS梯形CSStriangle/CSS三角形demoscode......
  • CSS篇十五——(1)
    一、CSS的三大特性CSS有三个非常重要的特性:层叠性、继承性、优先级1.1层叠性给相同选择器设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲......
  • CSS篇十四
    一、CSS背景综合案例1.练习内容案例:五彩导航练习价值:1.链接属于行内元素,但是此时需要宽度高度,故需要转换模式2.里面的文字需要水平居中和垂直居中,需要单行文字垂直居中代......
  • CSS入门学习笔记
    CSS入门学习笔记一、CSS简介1、什么是CSS?2、为什么使用CSS?3、CSS的作用二、CSS语法1、CSS基础语法2、CSS注释语法3、CSS应用方法三、CSS选择器1、元素选择器2、类选择器3、......
  • CSS入门学习笔记
    CSS入门学习笔记一、CSS简介1、什么是CSS?2、为什么使用CSS?3、CSS的作用二、CSS语法1、CSS基础语法2、CSS注释语法3、CSS应用方法三、CSS选择器1、元素选择器2、类选择器3、......
  • 我如何在没有 CSS 变量的情况下为我的 Angular 应用程序设置主题
    我如何在没有CSS变量的情况下为我的Angular应用程序设置主题您可能认为为任何Web应用程序设置主题很容易。__你__只需要使用CSS变量,对吧?CSS变量很棒。使用......
  • 带有旋转效果的提交按钮 - 仅限 CSS - 一步一步
    带有旋转效果的提交按钮-仅限CSS-一步一步HTML对于HTML,我们需要一个带有文本和“检查”svg元素的按钮。我们将显示文本并隐藏svg。在按钮焦点上,我们将显示sv......
  • css变量的声明和读取
     1、css变量的声明使用--声明变量($被sass用掉了,@被less用掉了)<style>:root{--color:red;}</style>root为根元素,相当于给html设......
  • css filter 的contrast和blur的奇妙组合- 使用场景
    圆角大杀器,使用滤镜构建圆角及波浪效果!Coco国服第一切图仔 16人赞同了该文章本文,将另辟蹊径,介绍一种使用滤镜去构建圆角的独特方式。首先,......
  • CSS篇十——(3)
    一、CSS的背景CSS设置背景颜色、背景图片、背景平铺、背景图片位置见​​CSS篇十——(2)​​5.背景图像固定(背景附着)background-attachment属性设置背景图像是否固定或者随着......