html - CSS 子字符串显示无

Question

是否有可能在 CSS 中(仅)隐藏字符串的某些文本？我知道这些属性选择器是这样的:

[att^=val] – the “begins with” selector

但是例如，有这个:

<div class="some_random_text">
    This is a default text
</div>

我只想(显示:无)某个子字符串 - 在本例中为“默认”。我知道如何使用 JS 来实现，但我只在寻找 CSS 解决方案(如果有的话)。

尽管我猜想不可能通过 CSS 操作 DOM，但是有类似的东西是必要的:

this is a <span class="hideThis">default</span> text

why would you need this and where does it occur?

例如在 CMS 中(在我的例子中是 OXID)。您可以为特定的付款方式添加标题。我这里有

• Paypal
• Paypal (提供商 1)
• paypal(另一个家伙)

我只想在前端显示 PayPal。但是，其他 PayPal-Paymenttypes 必须保留。将它们全部命名为 PayPal 只会导致混淆。

有 content 属性。它在某种程度上是可以管理的吗？

同样，没有 JS :-)

Answer 1

回答你的问题——不，不可能只使用 CSS。

你可以；

• 按照您的建议编辑 HTML

this is a <.span class="hideThis">default<.span > text

• 使用JS改变元素的innerHTML值
• 使用预处理语言(如 PHP 或 ASP，无论您能使用什么)将字符串缩减为子字符串。

很抱歉，如果这不是您想要的答案，但这些是您的选择。