Question

我有许多不同的CSS文件。要全部访问并找到特定的CSS将非常困难。有没有办法从网站的各个部分取消以下CSS，以便使用CSS有效地将其删除？我希望所有灰色的东西（似乎不存在该规则）都明确规定。

.awpcp-listing-excerpt {

 { /* float: left; */
  /* flex-grow: 2; */
 }

.awpcp-listing-excerpt-extra {
/* height: 50%; */
}



.awpcp-listing-excerpt-small .awpcp-listing-excerpt- 
thumbnail, .awpcp-listing-excerpt-medium .awpcp-listing- 
excerpt-thumbnail {
/* float: left; */
}

.displayaditemseven {
 /* width: 100%; */
 }

.awpcp-listing-excerpt-medium .awpcp-listing-excerpt- 
thumbnail {
 /* width: auto; */
}

.displayaditemsodd {
/* width: 100%; */
}

.awpcp-listing-excerpt-extra {
/* height: 0px; */
}

Answer 1

您可以在CSS上为每个类代码使用unset属性，并添加!important以确保将其完成。

示例：

.awpcp-listing-excerpt {
    float: unset !important;
    flex-grow: unset !important;
}

.awpcp-listing-excerpt-extra {
    height: unset !important;
}

.awpcp-listing-excerpt-small .awpcp-listing-excerpt-thumbnail, .awpcp-listing-excerpt-medium .awpcp-listing-excerpt-thumbnail {
    float: unset !important;
}

.displayaditemseven {
    width: unset !important;
}

.awpcp-listing-excerpt-medium .awpcp-listing-excerpt- 
thumbnail {
    width: unset !important;
}

.displayaditemsodd {
    width: unset !important;
}

.awpcp-listing-excerpt-extra {
    height: unset !important;
}

您也可以为此使用jQuery：

<div class="element">source</div>   
    <div class="destination">destination</div>
      <script>
        $(".element").removeClass();
      </script>
    </div>
</div>

注意：如果未指定参数，则此方法将从所选元素中删除所有类名。

如何使CSS属性无效，以便有效地将其删除

1 个答案: