“CSS 256 类覆盖一个 ID”背后的规则是什么?

2023-11-24

我最近也遇到过这种情况,但找不到“为什么”? 谁能解释一下吗?

请参阅下面的示例:http://codepen.io/chriscoyier/pen/lzjqh


发生这种情况是由于浏览器限制,而不是规范或浏览器实现方式中的错误。

The spec says:

选择器的特异性计算如下:

  • 统计选择器中ID选择器的数量(= a)
  • 计算选择器中类选择器、属性选择器和伪类的数量 (= b)
  • 计算选择器中类型选择器和伪元素的数量 (= c)
  • 忽略通用选择器

否定伪类中的选择器与其他选择器一样被计数,但否定本身并不算作伪类。

连接三个数字 a-b-c(在具有大基数的数字系统中)给出了特异性。

出于计算目的,浏览器必须将特异性值存储为整数,并且根据浏览器的不同,256 的值会以某种方式导致溢出。这通常发生在 8 位无符号整数上,其最大值为 255;再添加一个会导致类级别特异性以某种方式“升级”为 ID 级别值,使其等于级联中的 ID,从而覆盖它。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

“CSS 256 类覆盖一个 ID”背后的规则是什么? 的相关文章

  • 引导网格中的绘图图周围有巨大的空白

    我有一个 Net 应用程序 我试图在其中使用创建一个图表bootstrap js and plotly js 当我创建响应式图表时 我遇到网格中存在巨大空白的问题 我发现问题的一部分是plotly svg container的大小默认高度为
  • CSS3动画比例[重复]

    这个问题在这里已经有答案了 我正在尝试对 div 进行动画处理 以便在页面加载时它具有比例 0 0 并动画到比例 1 1 我遇到的问题是 一旦动画生效 div 就会再次缩放到 0 我想要的是 div 动画缩放 1 1 并保持这样 这是我的
  • Flexbox 列的垂直间距相等

    我在CSS中努力让我的Flexbox在垂直等距的列中显示项目 从而使列的每行之间的空间均匀 html body flex container margin 0 height 100 width 100 body font family Dr
  • jQuery / CSS3 动画阴影效果

    所以这个问题可能会被否决 但我认为有人可能会提供帮助 我正在寻找的效果是蓝色块像气球一样上下盘旋 当块上 下移动时 阴影在其下方不断增大和缩小 关于如何编程的任何想法 或者有人知道可以完成的教程 插件吗 你可以使用 jQuery 来完成 或
  • 将一个 div 垂直居中对齐到另一个 div 中

    说我有 div class outer div class inner some stuff div div 内部 div 具有动态高度 它根据 div 内部的内容而变化 外部 div 只是一个容器 设置为具有窗口的高度 我想将其设置为使内
  • 使用日期类型将输入字段中的日期居中

    我想将日期居中input not input inside div 如果我进行居中 它将把日期居中于input因为有一个右侧面板用于根据日历选择日期 该面板根据输入宽度调整大小 用于演示的小代码片段 center text align ce
  • 在这个页面中,悬停不起作用,我不知道为什么,而且页脚也没有占用 100% 宽度,即使我已经给了它

    我的编码是否不正确 或者悬停和页脚有什么问题 我需要知道 php 邮件程序是正确的还是我有错误 我无法找到错误 因为邮件功能在本地服务器上不起作用
  • 100% 宽度减去边距和填充[重复]

    这个问题在这里已经有答案了 我一直在四处寻找 但找不到适用于我自己的问题的解决方案 我正在开发一个移动网站 需要输入框为屏幕的 100 宽度 但我有padding left 16px and margin 5px这使得盒子超出了屏幕 所以我
  • JSDoc:如何在生成的文档中包含自定义 css 文件模板?

    JS文档docs https jsdoc app about configuring default template html say 将图像目录复制到输出目录 复制全部 将 myproject static 中的静态文件复制到输出目录
  • 页面不会居中对齐

    我遇到了 CSS 问题 http www luukratief design nl dump parallax index html http www luukratief design nl dump parallax index htm
  • 按钮轮廓大于按钮尺寸

    我试图制作一个带有 3 个点的按钮 虽然它带来了奇怪的问题 当你点击它时 你会注意到在焦点模式下有一座奇怪的 山 button letter spacing 2px padding top 4em padding bottom 8em li
  • 在 SVG 中设置悬停语句样式

    我正在计划一个基于这个 SVG 插图的网络 菜单 我的想法的原则 一个样式为活动的圆圈 一个样式为悬停的圆圈以及一个也需要设置样式的伴随笔画 https i stack imgur com H397o png 当我阅读 SVG 文件的规范时
  • css如何让文本底部对齐?

    怎么做怎么做 a 文字底部对齐吗 我已经添加了height line height and vertical align bottom 但文本仍然在 div 的中间 怎么做 谢谢 Test in http jsfiddle net BanA
  • Bootstrap:使用单个选项卡导航控制多个选项卡面板

    我想用一个选项卡导航来控制两个不同的选项卡内容 在 Bootstrap 3 中 我有一个使用逗号分隔数据目标的解决方案 如本例所示 https stackoverflow com a 19719859 1788961 https stack
  • 图像仅在 iPhone x 上拉伸

    我目前正在设计和构建一个 html 和 css 网站 遇到了一个小问题 我使用 chrome 开发工具检查了响应能力 根据手机和平板电脑的大小调整窗口大小 一切看起来都很好 然而 现在我在 iPhone X 上检查了该网站 图像全部垂直拉伸
  • css:将div制作成圆角并在其3/4处添加边框

    我有这样的代码 div class circle div and css circle border left 1px solid red border bottom 1px solid red border radius 200px wi
  • 从 3.1 返回后加载 Rails 3(服务器)时出现问题

    Rails 完全菜鸟 我正在使用 Hartl 教程 到了第 4 章 CSS 4 1 2 一切看起来都很顺利 但遇到了一个问题 使页面上的文字看起来
  • iframe 位置居中

    所以我找到了这段用于将内容放在中心的代码 但我的问题是它是为容器制作的 你知道如何为 iframe 制作它吗 或者你知道另一个代码吗 代码 center margin auto width 60 border 3px solid 73AD2
  • 如何更改 div 悬停时的跨度颜色

    我正在尝试更改 div 悬停时跨度的颜色 如何使红色汉堡按钮 即跨度 在 div 悬停时将颜色更改为黑色 PS 现在它在跨度的悬停上执行此操作 JSFiddle https jsfiddle net bjjbqct8 https jsfid
  • 两个 div 之间的匿名空白

    这里是Fiddle http jsfiddle net y6hSV 1 我有两个divs一个用于标题 另一个用于主体 在 的里面div这是标题 我还有另一个div那个 div 是floated left 因为那个floating 两者之间出

随机推荐

  • 焊接未正确初始化

    我正在搭建JavaEE7中学习CDI的基本环境 我有以下代码用于启动Weld 只需要启动和关闭即可 package com anshbansal import org jboss weld environment se Weld impor
  • SQL 访问查询 - 如果存在则更新行,如果不存在则插入

    我需要为 MS Access 2000 编写一个 SQL 查询 以便更新行 如果存在 但如果不存在则插入 i e 如果行存在 UPDATE Table1 SET WHERE Column1 SomeValue 如果它不存在 INSERT I
  • strtotime 日期奇怪的结果

    给定以下字符串日期 Fri Sep 02 2011 21 00 00 GMT 0100 GMT Daylight Time 在 php 中 如果我在上面执行 strtotime 然后将其转换回字符串日期 似乎会增加一个小时 echo str
  • C# - 将数字附加到正在保存的文件中

    我已经创建了一个屏幕截图程序 一切运行良好 唯一的问题是 我不知道如何才能做到这一点 以便屏幕截图以附加数字的形式保存 例如 屏幕截图 1 屏幕截图 2 屏幕截图 3 屏幕截图 4 等 显然这可以应用于正在保存的其他文件 有任何想法吗 谢谢
  • Oracle存储过程中字符串缓冲区太小错误

    我在 Oracle 11g 存储过程中遇到错误 错误是 ORA 06502 PL SQL numeric or value error character string buffer too small 它发生在第 31 行 该行包含out
  • Python Pandas 并排绘制两个 BARH

    I am trying to make a plot that is similar like this 左侧图表 带图例的图 源自df 2 右侧图表源自df 1 但是 我无法使两个图并排共享 y 轴 这是我目前的绘图方式 df 1 tar
  • 数学“pow”函数 gcc 的 SSE 向量化

    我试图对包含数学库中 pow 函数的使用的循环进行矢量化 我知道英特尔编译器支持对 sse 指令使用 pow 但我似乎无法让它与 gcc 一起运行 我认为 这是我正在处理的情况 int main int i 0 float a 256 b
  • 使用 XmlSerializer 反序列化 XML 时保留仅包含空格的元素内容

    我有课InputConfig其中包含一个List
  • 在系统调用期间捕获/阻止 SIGINT

    我编写了一个网络爬虫 我希望能够通过键盘停止它 我不希望程序在我中断它时死掉 它需要首先将数据刷新到磁盘 我也不想抓KeyboardInterruptedException 因为持久数据可能处于不一致的状态 我当前的解决方案是定义一个信号处
  • 通过电子邮件发送 Gitlab-CI 工件

    我们的 Gitlab 管道生成一些性能图表 我希望通过电子邮件将其发送给每个团队成员 到目前为止 它们被标记为工件 因此 Gitlab 保留它们 Gitlab 有什么办法可以实现这一点吗 或者我应该在工作脚本中执行此操作 目前无法从 git
  • Linux中这个$PATH是什么以及如何修改

    我对 Linux 中的 PATH 有几个问题 我知道它告诉 shell 在哪些目录中搜索可执行文件 所以 环境变量是什么意思 如何改变它的路径 是否建议更改 如果我改变它会有什么后果 让你的路径成为当前路径 PATH变量类型为 echo P
  • 为什么 numpy.random 和 multiprocessing 不能很好地发挥作用? [复制]

    这个问题在这里已经有答案了 我有一个随机游走函数 它使用numpy random执行随机步骤 功能walk本身就可以正常工作 同时 它在大多数情况下按预期工作 但是与multiprocessing 它失败 为什么multiprocessin
  • 如何在 SAPUI5 XML 视图中使用 if-else 条件?

    如何在 SAPUI5 的 XML 视图中实现 if else 条件 该条件使用来自JSONModel 到目前为止我有一个控制器 sap ui define sap ui core mvc Controller sap ui model js
  • 之前有效的 Microsoft Graph 请求出现 InefficientFilter 错误

    向 MS Graph 发出以下请求以检索按到期日期排序的标记消息 https graph microsoft com beta me messages filter flag flagStatus 20eq 20 27flagged 27
  • 串行数据的二进制通信协议解析器设计

    我正在重新审视字节流 串行数据 一次接收 1 个字节 的通信协议解析器设计 数据包结构 无法更改 为 Start Delimiter 1 byte Message ID 1 byte Length 1 byte Payload n byte
  • 在 Mac OS X 上测试 IE6

    我希望能够在 Mac OS X 上全面测试我的网页的兼容性 我已经安装了 Parallels Desktop 它工作正常 但它使用大量资源 所以我希望能够测试 OS X 内的所有内容 事实上 我正在寻找适用于 Mac 的 Explorer
  • 有条件地在 Android 清单文件中包含元数据

    有没有办法有条件地包含meta dataAndroid 清单文件中的元素基于 Gradle 中设置的值 我能够执行以下操作 使用resValue to set
  • 如何将变量从 Python 传递到 VBA Sub

    我试图从我的 Python 代码调用 VBA 子程序 将指定文件夹中的所有 excel 文件从 xls 转换为 xlsm 格式 当我不在 VBA 中使用变量时 我可以使用以下代码 并且效果很好 Python代码 import os impo
  • OSX 上的 Mono:找不到 gtksharpglue-2.dll

    我正在尝试在 C 中完成我的第一步 并希望构建一个空的 GTK 窗口作为我的第一个任务 通过macports我安装了以下软件包 电子邮件受保护 电子邮件受保护 电子邮件受保护 我还使用 Mono 主页上的 MonoDevelop I add
  • “CSS 256 类覆盖一个 ID”背后的规则是什么?

    我最近也遇到过这种情况 但找不到 为什么 谁能解释一下吗 请参阅下面的示例 http codepen io chriscoyier pen lzjqh 发生这种情况是由于浏览器限制 而不是规范或浏览器实现方式中的错误 The spec sa