覆盖 WooCommerce CSS 问题答案

【问题标题】：Overriding WooCommerce CSS issues覆盖 WooCommerce CSS 问题
【发布时间】：2017-03-09 05:53:25
【问题描述】：

我无法覆盖 WooCommerce 附带的默认样式。具体来说，我试图隐藏结帐页面上显示的某些字段（请参见代码截图）。我在 Code Pen 上模拟了我的页面，我的 css 工作正常，所以我不确定为什么它不适用于我的子主题的 styles.css。任何帮助表示赞赏！

.variation li div:first-child  {
display: none; }

【问题讨论】：

【解决方案1】：

清除浏览器缓存并尝试以下操作：

.variation-JobListing:first-child  {
    display: none !important;
}

【讨论】：