【发布时间】:2019-08-07 19:38:56
【问题描述】:
【问题讨论】:
-
因为另一个媒体查询主持另一个。
标签: html css google-chrome css-selectors google-chrome-devtools
【问题讨论】:
标签: html css google-chrome css-selectors google-chrome-devtools
可以根据 specificity 覆盖 CSS 值:
Specificity 是应用于给定 CSS 声明的权重, 由匹配中每个选择器类型的数量决定 选择器。当多个声明具有相同的特异性时,最后一个 在 CSS 中找到的声明应用于元素。特异性 仅适用于多个目标相同的元素 声明。根据 CSS 规则,直接定位的元素将始终 优先于元素从其继承的规则 祖先。
【讨论】:
因为margin 在@media (max-width) 查询中被覆盖,而填充在section#intro 中被覆盖
【讨论】:
section#intro 选择器覆盖,因为它更具体