Javascript 如何在wordpress cms中使用css从div中删除属性

我在电子商务网站上使用wordpress cms，在我的商店页面上不显示分页，当我检查元素时，我看到了这一点

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

我想了解如何使用css删除显示属性，给定此HTML：

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

使用CSS：

.item{
    display: inherit !important;
}

示例：

document.getElementsByClassName（“项”）[0]。removeAttribute（“样式”）
.item{
宽度：300px；
高度：300px；
边框：实心灰色3px；
显示：继承！重要；
}
你当然可以用一行简单的CSS来完成，比如，
.shop loop after{display:block！important；}
或者如果你想用js实现这一点，你应该得到
文档的第一个子元素。getElementByClassName
像这样：
文档。getElementByClassName（'shop-loop-after'）[0]。removeAttribute（'style'）
document.getElementsByClassName("item")[0].removeAttribute("style");

.item{
    display: inherit !important;
}