Question

是否可以在CSS（仅限）中hide一些字符串文本？我知道这些属性选择如：

[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

为什么你需要这个以及它在哪里发生？

例如在CMS中（在我的情况下是OXID）。您可以为特定付款方式添加标题。我在这里

贝宝

paypal（provider1）

paypal（另一个家伙）

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

有content - 属性。它以某种方式可以管理吗？

再次，没有JS： - ）

Answer 1

要回答您的问题 - 不，只能使用CSS。

你可以;

按照您的建议编辑HTML

这是＆lt; .span class =＆＃34; hideThis＆＃34;＆gt;默认＆lt; .span＆gt;文本

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

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

Answer 2

不可能。唯一可以实际修改内部文本的是content属性。假设你的dom有些变化，你可以有以下规则：

.some_random_text:after {
  content: "This is a text";
}

other_select .some_random_text:after {
    content: "This is a default text";
}

但是真诚地，我不明白这一点，因为JS和竞争者就是为此而制定的。

Answer 3

这是不可能的，这里有关于选择器的文档：https://www.w3.org/TR/css3-selectors/#selectors

CSS子串显示无

3 个答案: