如何在wordpress cms中使用css從div中刪除屬性

Question

我將wordpress cms用於一個電子商務網站，在我的商店頁面上沒有顯示分頁，當我檢查元素時，我看到了

<div class="shop-loop-after clearfix" style="opacity: 1; display: none;">
<nav class="woocommerce-pagination">

在檢查中，當我從樣式屬性中刪除display:none ，它可以正常工作

我也在商店頁面上嘗試過此方法，但它不起作用

document.getElementByClassName('shop-loop-after').removeAttr('style')

<div class="shop-loop-after clearfix" style="opacity: 1; display: none;">
<nav class="woocommerce-pagination">

我想如何使用CSS刪除display屬性

Answer 1

鑒於此HTML：

<div class="item" style="display:none"></div>

使用JavaScript：

document.getElementsByClassName("item")[0].removeAttribute("style");

使用CSS：

.item{
    display: inherit !important;
}

例子：

 document.getElementsByClassName("item")[0].removeAttribute("style"); 

 .item{ width: 300px; height: 300px; border: solid gray 3px; display: inherit !important; } 

 <div class="item" style="display:none"></div>