如何只隐藏一些文本而不是所有的块元素？

Question

我在桌面网站上有这个段落

<p>Original price 225.95
   <span>
      Save 90.38
   </span>
</p>

在移动设备上，我想隐藏原价和仅保存

哪个应该是这样的

225.95                    90.38             

是否可以使用CSS隐藏段落中的某些单词而不对HTML进行任何更改

Answer 1

没有。反正不是纯CSS。不过，您可以通过JavaScript获得相当的创意。

Answer 2

不，你必须附上你想要隐藏的字词，例如在span元素中：

<p><span class="hide">Original price</span> 225.95
    <span>
      <span class="hide">Save</span> 90.38
    </span>
</p>

然后定义规则：

p .hide {
    display: none;
}