gpt4 book ai didi

css - 为什么@media 屏幕规则被原始 css 覆盖?

转载 作者:行者123 更新时间:2023-11-28 16:08:23 26 4
gpt4 key购买 nike

我正在使用@media screen 为案例工作设置特定规则(最大宽度 1024 像素)。从理论上讲,这些规则应该覆盖 CSS 原始规则,但这不会发生,只有当我在每个 CSS 规则中放置 !important 时才会发生,我只想为特定的@media 屏幕工作。

我的问题是:我已经在使用媒体屏幕来避免必须这样做。必须要放才正常!在某些规则中很重要,甚至使用媒体屏幕?

有一个例子:

enter image description here

为什么会这样?如果我从@media 屏幕规则中删除 !important,@media 屏幕规则将不起作用!这是正常现象还是我做错了什么?

最佳答案

@media 子句中的 css 选择器不如非媒体选择器具体。通过使您的媒体版本更具体,您可以让它正确覆盖默认样式。查看 css specificity 以获取更多详细信息,否则您将需要使用 !important 标志。

关于css - 为什么@media 屏幕规则被原始 css 覆盖?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34798286/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com