如何删除 H2 元素后的文本

Question

我在删除 h2 元素后的每日费率文本时遇到问题：

<h2 class="woocommerce-loop-product__title">JIG SAW</h2>Daily Rate: .00

我以为我可以使用 :after 或 ::after 但不工作

Answer 1

您可以将两个元素包装在 div 中（如果它已经包装在 div 中，请调用您的 class 并将您的文本包装在 span 中）或包装跨度中的文本，然后在 css display:none 中从那里调用它； .让我知道这是否有帮助

.wrapper span {display: none;}



span {display: none;}




.wrapper2 > h3 {font-size: 25px;}

.wrapper2 {font-size: 0px;}

<div class="wrapper">
<h2 class="woocommerce-loop-product__title">JIG SAW</h2>
<span>Daily Rate: .00</span>
</div>


<!--Another way-->

<h2 class="woocommerce-loop-product__title">JIG SAW</h2>
<span>Daily Rate: .00</span>


<!--Another way Assigning fontsize to 0 on a the div wrapper-->

<div class="wrapper2">
<h3 class="woocommerce-loop-product__title">JIG SAW</h3>
Daily Rate: .00
</div>

如何删除 H2 元素后的文本

How to Remove Text After H2 element

html

css

wordpress