我想改变帖子标题的一些字母的颜色

Question

我在Wordpress平台上有两种类型的帖子。有些被注册会员称为“高级内容”，其他则是普通帖子。现在每个优质内容帖子都在标题中包含单词“Premium Content”，因此我想用单独的颜色制作这两个单词“Premium Content”。我附上了一张图片，以便更好地理解。

但我怎么能这样做？任何帮助对我来说都很棒。感谢。

Answer 1

因为你有jQuery：

$('a:contains("Premium Content")').html(function(i,h){
    return h.replace('Premium Content', '<span class="premiumContent">Premium Content</span>');
});

加上CSS：

a span.premiumContent {
    color: #0f0;
}

JS Fiddle demo

参考文献：

• :contains() selector。
• html()。

Answer 2

<h2>
  <a href="#">
     <span class="premium">PREMIUM CONTENT</span> Rest of the title here.
  </a>
</h2>

在CSS中：

.premium {
  color: #FD0000;
}