首页 > 其他分享 >八、选择器的权重

八、选择器的权重

时间:2022-11-25 17:22:38浏览次数:34  
标签:通配 优先级 权重 样式 冲突 选择器

样式冲突

——当通过不同的选择器,选择相同的元素,并且为 相同的样式设置不同的值,此时就发生了样式的冲突。

发生样式冲突时,应用哪个样式由选择器的权重(优先级)决定

选择器的权重

内联样式(行内样式) 1,0,0,0

id选择器 0,1,0,0

类和伪类选择器 0,0,1,0

元素选择器 0,0,0,1

通配选择器 0,0,0,0

继承的样式 没有优先级

image-20221125161237530

示例:div选择器设置字体颜色为黄色,red类选择器设置类选择器颜色为红色,造成样式冲突,但是类选择器的权重有优先级大,所以表现出来字体颜色为红色red(显示谁由优先级决定)

比较优先级时,需要将所有的选择器的优先级进行相加计算,最后优先级越高,则越有限显示(分组选择器是单独计算),选择器 的类累加不会超过其最大的数量级,类选择器在搞也不会超过id选择器

如果优先级计算后相同,此时则优先使用靠下的样式

如果一个元素上有两个样式,则祖先元素继承来的样式还有一个通过通配选择器设置的样式,这个时候样式听通配选择器

标签:通配,优先级,权重,样式,冲突,选择器
From: https://www.cnblogs.com/dajiang001/p/16925779.html

相关文章

  • css的选择器
    /*class选择器*/.s1{width:100;a:linkimg{filter:gray;}a:hoverimg{filter:"";}}/*id选择器的使用*/#id1{background-color:g......
  • vue element 日期范围选择器限制:只能选今天之前的时间 || 只能选今天之后的时间 ||
      举例:只能选今天或者今天之后的时间(如下图) <el-date-pickerclearablev-model="form.limitTime"type="date":......
  • uview 腾讯地图城市选择器
    //引入SDK核心类varQQMapWX=require('@/common/qqmap.js');//实例化API核心类varqqmapsdk=newQQMapWX({key:'DIWAZ-OWFC2-MXZUQ-C3WF......
  • TensorFlow训练权重和偏置
    importtensorflowastfimportnumpyasnp"""本例子是用来演示利用TensorFlow训练出假设的权重和偏置"""##使用numpy生成100个随机数x_data=np.random.rand(10......
  • css复合选择器和子元素选择器
    复合选择器:元素1元素2{样式声明}元素1和元素2中间要有空格子元素选择器:元素1>元素2{样式声明}也可以称作亲儿子选择器,选择某元素的最近一级子元素。......
  • 结构(位置)伪类选择器
    :first-child选取属于其父元素的首个子元素的指定选择器:last-child选取属于其父元素的最后一个子元素的指定选择器:nth-child(n)匹配属于其父元素的第n个子元素,不论元素的类......
  • Element plus 时间选择器 和下拉列表 的值的获取
    <el-form-itemlabel="时间"><divclass="block"><spanclass="demonstration"></span><el-dat......
  • 中国有权重网站数据现状
    我是卢松松,点点上面的头像,欢迎关注我哦!网站大数据,来自@图王消息:全网备案网站280万个,分别列举了移动站、PC站有权重的网站数量,不含未备案网站。从下文中,我们可以看到,能做到权......
  • Css选择器-餐厅练习
    网站:https://flukeout.github.io/题目不懂可百度翻译,答案参考如下:1A2A3#id4AB5#idA6.classname7A.className8Putyourbackintoit!9A,B10*1......
  • 神经网络中的权重初始化方式和pytorch应用
    目录计算增益常数初始化均匀分布初始化正态分布初始化Xavier初始化均匀分布(glorot初始化)正态分布Kaiming初始化均匀分布正态分布具体应用一些问答或tips深度学习模型中的......