是否有可能在 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 :-)
最佳答案
回答你的问题——不,不可能只使用 CSS。
你可以;
- 按照您的建议编辑 HTML
this is a <.span class="hideThis">default<.span > text
- 使用JS改变元素的innerHTML值
- 使用预处理语言(如 PHP 或 ASP,无论您能使用什么)将字符串缩减为子字符串。
很抱歉,如果这不是您想要的答案,但这些是您的选择。
关于html - CSS 子字符串显示无,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35085966/