首页 > 其他分享 >HTML中选择器的权重

HTML中选择器的权重

时间:2023-03-14 12:44:14浏览次数:33  
标签:优先级 权重 样式 id HTML 选择器

  - 什么是样式冲突?

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

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

  - 选择器的权重(值)

    内联样式    1,0,0,0

    id选择器      0,1,0,0

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

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

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

    继承的样式    没有优先级

    比较优先级时,需要将所有选择器的优先级进行相加计算,最后优先级越高,则越优先显示。

      选择器的累加不会超过其最大的数量级,类选择器再高也不会超过 id 选择器

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

    可以在某一个样式后添加 !important,则此时该样式会获取到最高的优先级,甚至超过内联样式。

      注:在开发中这个玩意儿一定要慎用!

标签:优先级,权重,样式,id,HTML,选择器
From: https://www.cnblogs.com/wanganli/p/17214520.html

相关文章

  • html5中placeholder属性
    用法:placeholder属性提供可描述输入字段预期值的提示信息,该提示会在输入字段为空时显示,并会在字段获得焦点时消失。注意:placeholder属性适用的input类型:text、search......
  • html —— 第一章
     网页由三个部分构成:结构:XHTML标准;表现:CSS标准;行为:ECMAScript;网页名称的命名规范:由字母、数字、下划线构成;不能以数字开头;见名知意;不能是关键字;文档类型声明:<......
  • 烟雨静态寄生虫站群CMS系统-可做站群-也可做权重站下站中站目录,多套模板、自动采集、
    烟雨静态寄生虫站群CMS系统-可做站群-也可做权重站下站中站目录,多套模板、自动采集、全自动轮链静态寄生虫是站群系统也是寄生虫站群CMS系统,可用于搭建站群使用(每个站可独......
  • 开心档之HTML 属性
    HTML属性属性是HTML元素提供的附加信息。HTML属性HTML元素可以设置属性属性可以在元素中添加附加信息属性一般描述于开始标签属性总是以名称/值对的形式出现......
  • (转)golang goquery selector(选择器) 示例大全
    原文:https://juejin.cn/post/6844903552867893255最近研究Go爬虫相关的知识,使用到goquery这个库比较多,尤其是对爬取到的HTML进行选择和查找匹配的内容时,goquery的选择器......
  • (转)goquery HTML解析
    原文:https://www.jiangguo.net/c/447/pd9.htmlgoquery将jQuery的语法和特性引入进来,所以可以更灵活地选择采集内容的数据项,就像jQuery那样的方式来操作DOM文档,使用起来非......
  • HTML中的颜色单位:RGB值
    颜色单位:在css中可以直接使用颜色名来设置各种颜色如:red、green、blue......但是在css中直接使用颜色名来命名是非常不方便的-RGB值:......
  • HTML中的长度单位:像素、百分比、em、rem
    长度单位:像素-屏幕(显示器)实际上是由一个一个的小点点构成的-不同屏幕的像素大小是不同的,像素越小的屏幕显示的效果越清晰-所以同样的2......
  • HTML5简介与基础骨架
    HTML5简介与基础骨架 HTML5介绍HTML5是用来描述网页的一种语言,被称为超文本标记语言.用HTML5编写的文件,后缀以.html结尾HTML是一种标记语言,标记语言是一套标记标......
  • HTML-邮件
    <!doctypehtml><html><head><title>收件箱</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.......