php - 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;
}