CSS 選擇器：如果主體具有 class，則為后元素

Question

我拼命地試圖在結帳頁面上隱藏自動添加的圖像。

我正在嘗試 select 元素 div.panel-body:after 位於具有正文 class 的頁面上。

我試過了：

body.offer-checkout-offer-311523 div.panel-body:after {
display: none !important;
}

div.panel-body 不是 body 的直接子代，這就是為什么我在選擇器之間使用空格而不是>但盡管我嘗試過，但圖像並沒有隱藏。

有什么線索嗎？

編輯：

我正在嘗試編輯的 HTML 元素：它是::在我嘗試定位HTML 代碼之后

我試圖將整個路徑導出到元素但是......

編輯2：

這是我的網站，如果我在此處顯示頁面可能會更容易：photoserge.com/offers/yDBpDfqi/checkout?coupon_code=FBPSQS 我試圖隱藏信用卡圖像，但僅在此頁面上。 整個站點使用相同的結帳頁面，這就是我嘗試僅針對此特定實例的原因。

Answer 1

也許嘗試：

.checkout-panel .panel-body::after{
    display: none
}

我只是嘗試檢查頁面。

此外，如果您想定位此特定頁面。 您必須記住僅將 css 添加到此頁面，而不是將此代碼添加到全局 css 文件。