在 WordPress 子主题中覆盖父 CSS 的媒体查询

2024-01-13

我想创建一个响应式 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(使用前将#替换为@)

在 WordPress 子主题中覆盖父 CSS 的媒体查询 的相关文章

  • 使用最后一个子选择器减少 CSS

    我在用less并试图得到last输入有一个边距底部 of 10px 这是我所拥有的 但它不起作用 并且没有在最后一个输入上应用 margin bottom 有什么想法吗 input margin bottom 0px last child
  • 单击表格行可显示更多信息

    我正在尝试使用 jQuery 来实现以下目标 当单击一个表格行时 会显示表格行内的 info div 如果单击另一个表格行 则当前显示的任何其他 info 元素将被隐藏 并根据表格行显示新的 info div已被点击 这个问题是 代码无法正
  • 如何居中对齐数据表标题

    我是数据表新手 当我制作表格标题时 它总是左对齐 如何将标题设置为居中对齐 我已阅读 datatables net manual styling classes 和 datatables net reference option colum
  • CSS3 变换:IE 中的缩放

    我想使用CSS3属性transform scale div transform scale 0 5 0 5 有没有办法在 Internet Explorer 8 及更低版本中模仿这个 可能与filter或者 JavaScript 解决方案
  • 重新加载页面时删除哈希值?

    我使用哈希来切换我的图像滑块 当我重新加载页面并且哈希值设置为 e h 3 没有图片 当图库在几秒钟后自动滑动时 它显示下一个 所以几秒钟内什么也没有 有没有办法在加载页面时检查哈希并将其删除 我只想关心那些用散列为页面添加书签的人 问候
  • 同一元素上的“itemprop”和“rel”属性

    使用是否有效itemprop属性and the rel同一元素上的属性 示例来自Google 的站点名称文档 https developers google com search docs data types sitename包含 这给出
  • 在问题内显示内联块文本

    我一直在尝试显示内联块 如果我没有在 div 中添加任何内容 一切都会很好 但是当我这样做时 div 会折叠起来 我不知道确切的原因 任何想法 https jsfiddle net giancorzo ebqoptbd https jsfi
  • django:如何在模板html页面内进行计算?

    您好 我正在使用缩略图插件来获取图像的宽度和高度 现在我想使用从缩略图插件获取的高度来定义 img 标签的填充 例如 img style padding top img height 2 src 但是我在这里遇到错误 django不允许这样
  • Webkit 是否有 CSS3 网格布局的有效实现?

    CSS 网格布局 编辑草案 2011 年 11 月 21 日 http dev w3 org csswg css3 grid align 我正在制作一个原型 该原型将在选定的设备和浏览器上向客户展示 目前我并不担心跨浏览器兼容性 IE10开
  • Bootstrap 响应式表格在 iOS 设备上无法垂直滚动

    这就是我所拥有的 div class table responsive table class table style background transparent table div 我正在使用以下 bootstrap css 文件 ht
  • Chrome 19 无法识别字体粗细:较轻

    我刚刚启动了一个正在开发的项目以进行一些修改 并注意到该声明font weight lighter正在通过以下方式提供服务 font face并且它不再在网站上运行 参见图片 顶部镀铬 底部 ff 自昨晚以来 我的系统 Windows 上没
  • Twitter Typeahead 上使用 Bootstrap 3 的 CSS 问题

    随着 Bootstrap 3 的发布 Typeahead 已被删除 取而代之的是 https github com twitter typeahead js https github com twitter typeahead js 我已经
  • POSTed 数组保留其值

    今天 我注意到我的一个 WordPress 安装的行为方式非常奇怪 每当我从仪表板更新帖子时 它的一些额外输入都会保留它们已有的值 所有这些都是多维数组 例如 post php post 123 action 编辑
  • Bootstrap 4 移动导航栏消失

    我刚刚从 Bootstrap 3 转换为 Bootstrap 4 但我的移动导航栏出现问题 使用切换按钮展开导航栏时 导航消失 我不明白为什么会发生这种情况 导航栏下方有一个大屏幕 但整个移动导航向上移动 如下面的 gif 所示 以下是导航
  • AngularJS + jQuery 移动

    是否还有其他可能性来设计AngularJS以移动友好的方式应用程序CSS 我正在计划一个移动应用程序 并希望使用 AngularJS 进行逻辑和数据绑定 但我不想自己设计所有内容CSS The AngularJSFAQ说它使用jQuery
  • 无法访问 WordPress 中声明的全局变量

    我有以下代码 g value something print g value function get value global g value print g value print get value 当我在独立的 PHP 脚本中运行它
  • 我自己的而不是从其他网站借用的图像的正确 img src 是什么?

    在我的计算机上 保存 css 和 html 文件的文件夹还包含一些我想要插入到 html 中的图像 如果我从其他网站借用图像 我知道如何获取图像的 URL 如何获取文件夹中但尚未出现在互联网上的图像的 URL 我是否必须将图像上传到其他网站
  • 为什么这些内联块元素会产生额外的宽度?

    这是这个问题的后续内容 仅使用 css 自动调整图像下的文本 https stackoverflow com questions 34185547 autofit text under image with only css 为什么这段代码
  • 选择子元素但不选择孙元素

    我有以下简化的代码 div p text p div div p text p div div p text p div div p text p div 每当我设置一些值时 content pCSS 文件中的元素 更改也适用于 col1
  • 将 html 文本框的值分配给 div 的标题

    line 1

随机推荐

  • 调用AUGraphStart播放时接收kAUGraphErr_CannotDoInCurrentContext

    我正在与AUGraph和 Audio Units API 用于在我的 iOS 应用程序中播放和录制音频 现在我遇到一个罕见的问题AUGraph无法启动 出现以下错误 结果 kAUGraphErr CannotDoInCurrentConte
  • `字段不能相同:' ' 和 ' '` mongoimport 错误

    我正在尝试将 csv 导入到本地计算机上的 mongodb 中 我在 shell 中使用了以下命令 mongoimport d mydb c things type csv file Users agentsFullOutput csv h
  • Gmaps4rails - 数据库中的经度和纬度未更新。 <嵌套形式>

    我有一个模型地点 其中包含属性名称 州 经度和纬度 模型 Travel plan 有很多地方 我对旅行计划表单中的位置使用嵌套表单 gem 我的问题是 更新名称和状态时 经度和纬度没有更新 在我的地方 rb belongs to trave
  • 仅从早上到晚上设置 cron [关闭]

    Closed 这个问题是无关 help closed questions 目前不接受答案 我必须每天运行 cron Cron 必须运行的时间是早上 11 点到晚上 7 点 在此给定时间内 cron 必须每天每 15 分钟运行一次 同样的事情
  • 现代操作系统/编译器中 int (C 语言)不是 32 位?

    这个问题实际上有点广泛 根据过去 15 年的经验 我目前假设类型的大小如下 byte 8 bit short 2 bytes int 4 bytes long long 8 bytes 是否有一个现代操作系统可以挑战这个假设 不管是不是这样
  • FutureWarning:未来版本中正则表达式的默认值将从 True 更改为 False

    我正在运行下面的代码来清理文本 import pandas as pd def not regex pattern return r format pattern tmp pd DataFrame No one has a European
  • 为什么向类 str 构造函数传递字节很特殊?

    Python 官方文档是这样描述传递的bytes到单参数构造函数class str 将 bytes 对象传递给 str 而不进行编码或错误 参数属于返回非正式字符串的第一种情况 表示 另请参阅 Python 的 b 命令行选项 Ref ht
  • 为什么 CMake 中的脚本内部无法访问变量?

    我有一个名为 安装 copy dlls cmake 它被调用以从顶级 cmake 文件执行 如下所示 安装 脚本 install copy dlls cmake 而且 我有一个名为 USE OSG STATIC如果我使用静态编译的 Open
  • 创建数组时使用 OpenMP 时出现分段错误

    我在访问 for 循环内的数组时遇到分段错误 我想做的是生成 DNA 字符串的所有子序列 当我在 for 中创建数组时 就发生了这种情况 读了一段时间后 我发现openmp限制了堆栈大小 所以使用堆来代替会更安全 所以我更改代码以使用mal
  • Android 上覆盖 ImageView

    所以我有一个来自网络的图像列表 我不知道它们是什么颜色 我想在 ImageView 上放置一个文本 我的想法是放置 ImageView 一个具有透明度渐变的图像覆盖在该 ImageView 及其上方的文本上 我想模仿这种行为 有没有办法通过
  • Pandas Dataframe 排序和列值排序

    我想知道是否有人知道如何按以下方式对 pandas 数据框进行排序的好方法 a 我有以下随机排序的数据 其 id 出现多次 标签为 0 或 1 id label 1 1 1 0 1 0 2 1 2 0 2 0 3 0 3 0 3 0 我想按
  • 如何将 .pyd 文件作为 python 模块导入?

    我正在使用 PyCharm 我在以下位置有一个 python 脚本 C Users XYZ PycharmProjects Project1 playground py playground py只有一行代码 如下所示 import PyT
  • WCF 服务协定可以有可为空的输入参数吗?

    我有一个这样定义的合同 OperationContract WebGet UriTemplate GetX myStr myStr myX myX BodyStyle WebMessageBodyStyle Wrapped string G
  • Flash Designer 中的 AS3 组件

    在 ActionScript 2 项目中 我可以创建一个新的 MovieClip 在库上右键单击它并选择 组件定义 以添加可在 MovieClip 内引用的参数 可以在影片剪辑的属性中轻松更改此参数 现在 我正在开发一个 ActionScr
  • 如何修复 java.lang.NoSuchMethodError: sun.security.ssl.Handshaker.setApplicationProtocols([Ljava/lang/String;)

    尝试发送电子邮件时 执行 Transport connect 时出现 NoSuchMethodError 异常 我为我的项目 模块 Glassfish payara maven 选择了相同版本的 JDK 1 8 0 251 post htt
  • JSON 和 Android

    我有一个 JSONArray myArray gt key1 value1 key2 value2 key3 value3 key4 value4 如果我做 myArray get 1 我得到一个对象 我想要 myArray 1 的单个键和
  • 将 refs/remotes 推送到新的原点,如何?

    我有一个指向远程的存储库 现在我创建了一个新的远程 例如原始 url 已使用更改git remote set url origin myNewRemote 然后我做了一个git push但由于推送仅推送本地分支 我仍然需要将远程分支推送到新
  • 为 requests.Session() 对象设置主机和端口

    我将如何配置Session 对象以便通过它的所有请求都使用相同的主机和端口 目前我会做以下事情 urls f https somehost com 1234 query page i for i in range 10 s requests
  • Java 加密日志

    我目前正在制作一款游戏 我在内部构建了日志记录设施 并且有常规 日志 异常 发送 接收 调试等消息类型 发送和接收日志包含原始日志记录信息 因此它们确实包含我通过网络发送的内容 游戏采用客户端 服务器模型 并使用SSL连接 网络信息无法更改
  • 在 WordPress 子主题中覆盖父 CSS 的媒体查询

    我想创建一个响应式 WordPress 主题的子主题 父主题的 css 定义了一些媒体查询 例如 media screen and max width 1000px a bunch of changes 现在假设我希望断点位于 900 像素