Css 如何删除<；预处理>；标签

我有一个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">

如何更改空白：pre？

---

这是一个使用woocommerce插件的wordpress网站

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

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

如果使用，可以将其添加到样式表（style.css）中，否则可以使用添加

如果上述方法无效，请尝试：

---

德国劳埃德船级社

的全部要点就是要有空白。如果不需要，为什么不删除实际的标记本身呢？这是否在主题中？建议副本的可能副本（i）没有答案（ii）已被指定为结束。我在主题中找不到标签。这是一个使用woocommerce插件、签出页面的应用程序。它不应该有这个标签，我不明白为什么它会显示。我不能在前期工作中做任何css更改。如果我在“inspect element”中尝试，pre将变为浅灰色，并且不会在页面上使用。通过inspect element，当添加到CSS中的元素变为灰色时，表示它对当前选择的代码没有影响。因此，当您选择右侧的pre并为其添加样式时，它将变为灰色，您可能在名称中出错。你是复制了这个名字，还是键入了它？确保“.page content”和“.entry content”之间没有空格。

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

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