【问题标题】:Why CSS rules are disabled [duplicate]为什么禁用 CSS 规则 [重复]
【发布时间】:2019-08-07 19:38:56
【问题描述】:

有人有想法吗?为什么我的 CSS 被禁用和删除线

【问题讨论】:

  • 因为另一个媒体查询主持另一个。

标签: html css google-chrome css-selectors google-chrome-devtools


【解决方案1】:

可以根据 specificity 覆盖 CSS 值:

Specificity 是应用于给定 CSS 声明的权重, 由匹配中每个选择器类型的数量决定 选择器。当多个声明具有相同的特异性时,最后一个 在 CSS 中找到的声明应用于元素。特异性 仅适用于多个目标相同的元素 声明。根据 CSS 规则,直接定位的元素将始终 优先于元素从其继承的规则 祖先。

【讨论】:

    【解决方案2】:

    因为margin@media (max-width) 查询中被覆盖,而填充在section#intro 中被覆盖

    【讨论】:

    • 好的,我明白了...但是为什么填充也删除线
    • @woyman1 你的填充被section#intro 选择器覆盖,因为它更具体
    【解决方案3】:

    因为您在这里更具体地了解了元素

    并且您在此之后编写了上述属性

    浏览器总是会选择最新编写的 css 属性和值

    现在。你要么更具体,要么使用 !important 属性

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-03-08
      • 2020-11-05
      • 2013-02-24
      • 2014-10-31
      • 2019-07-18
      • 1970-01-01
      • 2011-02-12
      • 1970-01-01
      相关资源
      最近更新 更多