如何删除 tag

Question

我有一个pre标签，导致css显示太多的空白。如何用css删除它？

        <!-- page-title -->

            <h1 class="page-title" itemprop="name">Checkout</h1>

        <!-- /page-title -->

        <div class="page-content entry-content" itemprop="articleBody">

        **<pre>**<div class="woocommerce">
       <div class="woocommerce-info">Have a coupon? <a href="#" class="showcoupon">Click here to       enter your code</a></div>

     <form class="checkout_coupon" method="post" style="display:none">

css读

pre, xmp, plaintext, listing {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0px;
} 

我该怎么改变空格：pre？这是一个使用woocommerce插件的wordpress网站。

Answer 1

您可以将以下内容添加到CSS中以覆盖此特定的预标记

.page-content.entry-content pre {
white-space: normal;
}

如果你使用child theme，你可以在样式表（style.css）中添加它，否则你可以使用Jetpack's Custom CSS来添加它。

如果上述方法不起作用，请尝试：

.page-content.entry-content pre {
white-space: normal !important;
}

GL！