继承的 CSS 属性的特殊性

2024-02-18

继承属性收到的 CSS 特异性级别是多少?我通读了有关 CSS 特异性的 W3 建议,因此我了解如何计算直接针对同一元素的 css 规则的不同特异性,但我没有看到其中提到继承属性的特异性级别。

特别是,我遇到的问题与标题元素有关,尽管我很有兴趣总体了解这一点。

例如,下面是 HTML 片段:

<h2>This should be black</h2>
<div class="all_red_text">
    <h2>This should be red</h2>
</div>

现在,如果我包含一些像这样的 CSS:

.all_red_text { color: red; }

我会得到我期望的结果。另一方面,如果我包含的 css 是

h2 { color: black; }
.all_red_text { color: red; }

then all文本将为黑色。在第一种情况下,有一些默认的浏览器 CSS 可以被继承的属性覆盖,但是当在第二个示例中手动指定相同的属性时,它优先于继承的属性。


任何直接匹配元素的声明都将优先于从元素的父元素继承的属性。特异性与此无关。

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

继承的 CSS 属性的特殊性 的相关文章

  • 通过使用 Jquery 添加类来触发 CSS3 转换

    目前我有一个正在运行的小提琴 当我向它添加一个类时 我试图让 css3 不透明过渡触发 基本设置是我单击一个按钮 然后通过 jquery 添加一个 div 到 dom 然后将该元素添加到 dom 然后向其中添加一个类 向该新 dom 元素添
  • Sass 与 BEM,继承选择器

    我正在使用 Sass 3 4 1 和 BEM 所以我的 scss 是 photo of the day title font size 16px 我希望每次将鼠标悬停在 photo of the day标题发生了一些事情 这很常见 所以通常
  • ckeditor 数据未通过 jQuery 验证进行验证

    我知道有很多关于此的问题 但我无法让它在我的一生中发挥作用 我尝试了几种解决方案 包括this http devlog waltercruz com usando ckeditor e jquery validate juntos 第二个答
  • Bootstrap 使用 SASS 和 fontawesome 图标分隔符修改面包屑

    所以我正在尝试更改默认值breadcrumb与 SASS 的风格 我已经按照官方 Bootstrap 4 beta 3 文档中提到的方式设置了所有内容 我更改了以下内容custom scss breadcrumb divider f105
  • 与 font-weight:bold 和 与 font-style:italic

    使用之间有什么真正的区别吗 strong and em 而不是 CSS 属性 font weight bold font style italic 另外 这两种选择都存在的真正原因是什么 我可能是错的 但我没有 strong and em
  • 具有列顺序的响应式多列列表

    我正在尝试创建一个有序的多列列表 但正在努力解决 CSS 网格布局规则 期望的结果应该是响应式的 在小屏幕上有 2 个网格列 在较大的屏幕上最多有 4 个网格列 同时保持列顺序 而不是像这样排序 1 2 3 4 5 6 7 8 9 10 1
  • React Native Tab 视图的高度始终等于最高选项卡的高度

    介绍 我有一个 FlatList 它在页脚中呈现一个选项卡视图 此选项卡视图允许用户在一个 FlatList 或另一个 FlatList 之间切换 所以 最后这些是同级 FlatList Problem 第一个 FlatList A 的高度
  • 有没有带有保存和语法突出显示功能的 HTML、CSS 在线文本编辑器?

    我想让 css 文件可以从任何地方 家庭 办公室等 访问并准备好编辑 并保存 我将进行手工编码 只想语法突出显示并保存在网络设施上 我尝试了谷歌文档 这很好 因为我可以在线保存 而且它也有修订历史记录功能 这很有用 但它没有语法突出显示 也
  • 高度在 IOS (iphone) 上无法正常工作

    我已经创建了this https codepen io salman15 project live DWbWpo Codepen 上的网站 在尝试使其响应所有平台时 我遇到了问题 看起来单个 div 覆盖了整个页面 仅在 IOS 上 并且并
  • 打开我网站上的链接不起作用

    在我的网站上 我有一个我正在尝试获取工作的链接 我有一个遵循正常格式的链接 即 href 以 www youtube com 作为目标链接 并在末尾添加 target blank 当我单击该链接时 托管我的网站的网站会显示一条错误消息 当我
  • 在 Rails App 中实现 WrapBootstrap 主题

    我刚刚购买了一个 wrapbootstrap 主题 并尝试将其插入我的 Rails 应用程序中 一些 css 如填充 导航栏 字形图标 和大多数 javascript 无法正常运行 我将所有样式表和 javascript 分别复制到 ass
  • Bootstrap 按钮的检查状态

    我想在 Bootstrap 3 0 2 中设置组复选框的选中状态 docs http getbootstrap com javascript buttons html div class btn group div
  • 如何在 Angular 应用程序中动态更改 CSS 类名称?

    我有两个 CSS 类名 如下所示 icon heart color bdbdbd icon heart red color a6b7d4 我的 HTML 包含一个心形图标 div class icon heart div
  • 强制应用媒体查询

    我有这个 html 和 css 代码 div class wrapper div class a div div class b div div media all and max width 400px max height 300px
  • iPhone 4 上不稳定的 CSS3 动画

    我有一个非常简单的 或者至少我认为是 动画 我所做的只是 webkit background size 的动画 bubble position relative width 397px height 326px background url
  • 如何在绝对定位的 div 内用 CSS 创建粘性页脚?

    我想创建一个粘性页脚inside绝对定位的 div 元素 我的方法是将页脚 div 也绝对定位 在另一个相对定位的 页面 div 内 其中包含页面的实际内容 div class content div class page Some Lor
  • 如何使div垂直滚动[重复]

    这个问题在这里已经有答案了 我用图片元素列表做了一个水平滚动 但是当我垂直滚动它时我失败了 我的水平滚动条代码是 div class pic container div class pic row div style width 100 a
  • Chrome 和 Safari 错误::不允许加载本地资源: file:///D:/CSS/Style.css

    当我在 chrome 或 safari 中访问我的 aspx 页面时 它在控制台中显示此错误 不允许加载本地资源 file D CSS Style css 在 IE 和 FF 中一切正常 我使用外部 CSS 通过 aspx 页面链接 我已经
  • Angular 2 + Semantic UI,组件封装打破风格

    我使用 Angular2 和 Semantic UI 作为 CSS 库 我有这段代码 div class ui three stakable cards a class ui card a a class ui card a a class
  • Firefox -moz-border-radius 不会裁剪图像?

    如果设置了图像的边框半径 有谁知道如何让 Firefox 裁剪角 它包含的元素可以正常工作 但我会发现丑陋的角落伸出来 有什么方法可以解决此问题 而无需将图像设置为背景图像或在将其放在网站上之前对其进行处理吗 解决方法 将图像设置为容器元素

随机推荐

  • 如何获取从SQL表中删除的最后一行的ID

    我试图使用 max Id 函数获取最后一个 Id 其中 Id 是主键 除非我从表中删除最后一行 否则我的代码运行良好 因为当我删除最后一行时 该 Id 仍然保留 在这种情况下 max Id 将检索最后一行 Id 但不会检索从表中删除的 Id
  • Scala:“模糊的隐式值”,但未找到正确的值

    我正在编写一个小型 Scala 程序 它应该 从本地 FS 读取文件 逐行 从每一行解析三个双精度值 根据这三个值创建案例类的实例 将这些实例传递到二叉堆 为了能够解析Strings 到两个Doubles and CoordinatePoi
  • 导入错误:没有名为“sqlite3”的模块

    我正在尝试在 python 文件中导入 nltk 但出现此错误 文件 mycode py 第 5 行 位于从实用程序导入 TextCleaner TF IDF FeatureExtraction 文件 home myhome Baselin
  • Azure - 使用服务主体对 Key Vault 进行身份验证会返回未经授权的异常

    我正在尝试使用服务原则从 net Core 控制台应用程序访问 KeyVault 我有App Id and 应用秘密 这是我的代码 var client new KeyVaultClient GetAccessToken var secre
  • 部署后 JPA 实体中出现 ClassCastException (Glassfish 3.1.2)

    使用 Glassfish 3 1 2 取消部署和部署 WebArchive war 时出现奇怪的效果 asadmin undeploy myWebApp asadmin deploy target myWebApp war 它部署正常 但是
  • 在 Nginx 中从 Angular 调用 API 无法解析 Docker 服务名称

    我有一个Angular应用程序运行在NginX Docker容器 The Angular应用程序可以制作一个REST调用另一个容器 Spring Boot API Docker using localhost作为服务器 server str
  • SparklyR:直接转换为镶木地板

    您好 我是集群计算的新手 目前我只在独立集群上玩 sc lt spark connect master local version 2 0 2 我有一个巨大的 csv 文件 15GB 我想将其转换为 parquet 文件 第三块代码解释了原
  • 如何为 COM Interop 库生成 C# 源代码而不是程序集?

    导入 COM 库 直接使用 tlbimp 或间接使用 Visual Studio 添加引用对话框 时 有没有办法生成 C 源代码而不是二进制互操作程序集 例如 Interop Word dll UPD 反射器是个坏主意 问题是对于com接口
  • 高清处理器显卡 (HD4000) 无法作为英特尔 OpenCL SDK 中的设备加载

    我使用 i7 3770K Ivy Bridge 和 HD 4000 并且我已经安装了最新的驱动程序和最新的OpenCL SDK http software intel com en us articles vcsource tools op
  • 如何以统一的方式从.NET打印Office文档?

    使用 Microsoft interOp 对象 我可以通过编程方式打印 Word 或 Excel 文档 有没有更简单 统一的方法来以编程方式打印所有类型的文档 txt doc xls pdf 等 Microsoft 默认使用 DDE 从办公
  • 如何使用反射获取构造函数作为 MethodInfo

    构造函数如下所示 public NameAndValue string name string value 我需要使用反射将其作为 MethodInfo 获取 它尝试了以下操作 但没有找到构造函数 GetMethod回报null Metho
  • 当字段不完整时使用 Circe 解码 Json

    我有一份 json 格式的成绩单 里面有一堆单词 words duration 123 name world time 234 speaker null 我一直在使用 Circe 来编码 解码 Json 在这个特殊情况下 import io
  • 了解 OpenGL 引擎的 GLTF2.0 文件的蒙皮部分

    我有一个简单的混合器模型 它由三个网格组成 三个网格各控制一个网格 动画只是骨骼围绕 y 轴稍微旋转立方体并返回 中心骨骼是两个外部骨骼的父骨骼 然后 我使用 GLTF2 0 文本版本 导出插件导出此场景 现在尝试将其导入到我新制作的 op
  • Hbase 架构嵌套实体

    有谁有关于如何创建带有嵌套实体的 Hbase 表的示例吗 Example UserName string SSN string Books collection 例如 书籍收藏看起来像这样 Books isbn title etc 我找不到
  • Python、Java、C# 和并行算法

    我想知道 尝试用 Python 创建并行算法有什么优点吗 假设我想研究一种新的并行算法 并且我可以选择 C C 和 Python 那么其中一个或另一个 更好 来测试和基准测试这些算法 或者它们只是 功能上等效 而且除了与解释 编译 虚拟机语
  • Swagger springfox 在 POST 上隐藏模型属性

    想知道如何在 POST 时隐藏 Swagger 中的模型属性 我尝试过Swagger springmvc 0 9 3 和Springfox 支持swagger规范2 0 但均无济于事 问题是我想在通过 Swagger 的 GET 请求中看到
  • 从不同线程调用

    我不敢相信 这在我的其他应用程序中有效 但在这个具有类似结构的应用程序中 它不起作用 public string ListAdd set if listView1 InvokeRequired this Invoke MethodInvok
  • MySQL选择昨天的日期

    如何显示和统计日期为昨天的值 我用了time 在数据库中插入日期 例子 URL google com youtube com google com youtube com test com youtube com DateVisited 1
  • 在 Java 中打印数组

    我正在编写一个方法来打印它传递的每个对象 通过调用该方法可以正常工作Object toString 方法适用于对象 但不适用于数组 我可以找出它是否是一个数组Object getClass isArray 方法 但我不知道如何投射它 int
  • 继承的 CSS 属性的特殊性

    继承属性收到的 CSS 特异性级别是多少 我通读了有关 CSS 特异性的 W3 建议 因此我了解如何计算直接针对同一元素的 css 规则的不同特异性 但我没有看到其中提到继承属性的特异性级别 特别是 我遇到的问题与标题元素有关 尽管我很有兴
Powered by Hwhale