【发布时间】：2018-12-18 06:31:48
【问题描述】：
我刚刚在 Woocommerce 更新后注意到产品图片隐藏在小屏幕上。
我可以看到这是在文件 woocommerce-smallscreen.css 中设置的，但是否可以在主题自定义 css 中覆盖它？好像我需要摆脱 float:none; 如果我在文件 woocommerce-smallscreen.css 中执行此操作，我想下次更新 WooCommerce 时它将被覆盖。
我试过了，但我不确定我的自定义 CSS 是否正确。
这是我在 chrome 中选择“检查元素”时看到的内容：media="only screen and (max-width: 768px)" .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce -page div.product div.images，.woocommerce-page div.product div.summary { 浮动：无； 宽度：100%；
如果我取消装箱 float:none;在 chrome 检查器中，我可以看到产品照片。我试图从 WooCommerce css 文件中删除它，但没有帮助。
【问题讨论】：
-
尝试提供更多细节，提供一些代码 - 人们会更容易提供帮助。同时，尝试更具体地了解您的自定义 css developer.mozilla.org/en-US/docs/Web/CSS/Specificity
-
这是我在 chrome 中选择“检查元素”时看到的内容：media="only screen and (max-width: 768px)" .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary、.woocommerce div.product div.images、.woocommerce div.product div.summary、.woocommerce-page #content div.product div.images、.woocommerce-page #content div.product div .summary，.woocommerce-page div.product div.images，.woocommerce-page div.product div.summary { 浮动：无；宽度：100%；
-
如果我取消装箱 float:none;在 chrome 检查器中，我可以看到产品照片。我试图从 WooCommerce css 文件中删除它，但没有帮助。
-
我不建议删除它，因为它影响了多个元素。没有模式详细代码（html、css、javascript - 或者可能是网站本身）不容易给你一个合适的解决方案......
-
抱歉信息不足，我仍在尝试弄清楚这是如何工作的；）示例网址：link
标签： css wordpress woocommerce