覆盖WooCommerce CSS问题

Question

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

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

https://codepen.io/jagorski/pen/oZBYrd

Answer 1

清除浏览器缓存＆amp;试试这个：

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