为啥禁用 CSS 规则 [重复]

Posted 2023-03-06

【中文标题】为啥禁用 CSS 规则 [重复]

【英文标题】：Why CSS rules are disabled [duplicate]为什么禁用 CSS 规则 [重复]

【发布时间】：2019-08-07 19:38:56

【问题描述】：

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

【问题讨论】：

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

【参考方案1】：

可以根据 specificity 覆盖 CSS 值：

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

【参考方案2】：

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

【讨论】：

好的，我明白了...但是为什么填充也删除线

@woyman1 你的填充被section#intro 选择器覆盖，因为它更具体

【参考方案3】：

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

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

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

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