gpt4 book ai didi

html - 清除媒体查询的层次结构

转载 作者:太空宇宙 更新时间:2023-11-04 13:24:53 24 4
gpt4 key购买 nike

这些天我遇到了媒体查询的问题:起初我创建了两个单独的 CSS,一个用于样式,一个用于媒体查询,但它不能正常工作,它在任何浏览器上都没有做任何事情;所以我将我所有的 CSS 放在一个文件中,现在它可以工作了。

1 - 所以我的第一个问题是,清除媒体查询的最佳“位置”是什么?

我遇到的第二个问题是我需要更改填充属性,这些属性在我的 CSS 顶部声明为 close。当我想用 MediaQuery 更改此属性时,它什么也没做。所以我将它们从我的 css 顶部移到媒体查询附近,现在它可以正常工作了。

2 - 我的第二个问题是,当您必须使用媒体查询时,是否存在清除 css 类和 ID 的层次结构?

3 - 这个问题可能在 <head> 中吗?部分?

(如果你有一些我可以阅读的资源,它可以帮助每个想要澄清这个问题的人。提前致谢!!)

最佳答案

在没有看到您的代码的情况下,听起来您可能在特异性和顺序方面存在一些问题。

要记住的事情:

  • 浏览器总是喜欢比通用规则更具体的规则(p.link{} 规则比 p{} 规则更具体,因此会覆盖任何共享属性)

  • 浏览器通常会在“页面下方”呈现 CSS,这意味着最后定义的属性将覆盖之前编写的任何属性。换句话说,如果您要包含两个样式表,请确保您的媒体查询样式表位于第二位,如果您希望其规则优先。

回答问题:

1) “最佳场所”确实是一种风格。一些人喜欢单独的样式表以保持整洁,另一些人喜欢在规则本身内保持简洁。只要它们出现在您的正常规则之后,您就应该安全。

2) 媒体查询中的代码应该像不在媒体查询中的代码一样工作。层次结构没有区别。

3) 没有看到你的代码很难说。

很棒的 CSS 资源:

关于html - 清除媒体查询的层次结构,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23809303/

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