Woocommerce摘录CSS影响页面的其余部分

Question

我添加了这个PHP函数来显示我的产品在存档页面上的摘录，但它会影响我的其余样式。

我试图阻止我的摘录中的CSS影响页面的其余部分。基本上我只希望文本没有自己的样式或项目符号或图像等。

这是添加的代码：

<?php echo apply_filters( 'woocommerce_short_description', $post->post_excerpt ); ?>

Answer 1

在您的摘录中添加一些HTML ...仅定位某些HTML ...
例如，添加一个包含类my-excerpt的div：

<div class="my-excerpt">
<?php echo apply_filters( 'woocommerce_short_description', $post->post_excerpt ); ?>
</div>

你的css就是：

.my-excerpt img {
   border: 0;
}