将字符串中的特定字符作为目标以应用不同的CSS类

8nuwlpux 于 2022-12-15 发布在其他

关注(0)|答案(2)|浏览(99)

我有一个字符串，想对某些字符串索引应用不同的css类。
const string =“提示。\n请使用第三个字符进行搜索。\n或者使用通配符。”
我可以使用：：first-line将css类的第一行作为目标，但是我怎样才能将另一个类只针对字符串中的“character”和“wildcard”这两个词，或者我怎样做javascript/react呢？
谢谢

css

来源：https://stackoverflow.com/questions/74775016/targeting-specific-characters-within-a-string-to-apply-different-css-classes

2条答案

按热度按时间

4dbbbstv1#

您可能应该使用<span>来括住您要定位的单词。
连同：

document.getElementById(”string-container”).innerHTML = "Tip. \n Please search using a third <span class=”ch”> character. <span/> \n Or use a <span class=”wc”> wildcard<span>."

赞(0）回复(0）举报 2022-12-15

vh0rcniy2#

CSS不是设计来做你所追求的事情的。
CSS伪元素表示HTML中不包含的实体。list of all pseudo elements表示没有可以选择任意字符串的实体。
你必须使用JavaScript来实现你所追求的。

赞(0）回复(0）举报 2022-12-15