覆蓋WooCommerce CSS問題

Question

我無法覆蓋WooCommerce附帶的默認樣式。具體來說，我試圖隱藏顯示在我的結帳頁面上的某些字段（請參閱代碼的屏幕截圖）。我在代碼筆上嘲笑了我的頁面，我的css工作正常，所以我不確定它爲什麼不能用於我的子主題styles.css。任何幫助表示讚賞！

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

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

Answer 1

清除瀏覽器緩存&試試這個：

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