我想创建一个响应式 WordPress 主题的子主题。父主题的 css 定义了一些媒体查询,例如:
@media screen and (max-width: 1000px) { /* a bunch of changes */ }
现在假设我希望断点位于 900 像素而不是 1000 像素。有什么方法可以轻松地在我的子主题的 CSS 中覆盖它吗?
JoshC是绝对正确的。
可能你不明白这个想法 -媒体查询不是像CSS中的某种规则。这是更加全球性的理解。
比方说:
您的主题中有媒体查询
@media screen and (max-width: 1000px) { #main{color:#000;} }
你设置 div 与ID main有文字颜色BLACK但前提是最大浏览器宽度不大于1000px - (最大宽度:1000px)
无论您在何处使用此查询,它都会以相同的方式工作。
你需要指定的是里面的东西,例如为了进行以下更重要的用途:
@media screen and (max-width: 1000px) { #main{color:#000 !important;} }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)