如何自动为某个文本实例着色？

Question

我为篮球协会建立了一个网站。它有许多团队，每个团队都有自己的日历。你可以看到它here，例如这是团队“Heren C”。正如您在下面的日历中看到的，有一些主场比赛和一些客场比赛。我们还有“Heren A”，“Heren B”，“Junioren”，“Cadetten”等......

现在，这些日历都是表格，我想要着色（在这个例子中）“Heren C”并使其变为粗体。我想为我们所有的团队做这个，所以没有实际浏览每个表并更改这些文本实例。

为了确保我会提到它是一个Wordpress网站，并且每个团队都是一个不同的页面，所以每次都加载相同的模板。也许这可以帮助代码。

希望你们能帮忙！

Answer 1

您可以使用CSS3 Attribute Selectors

a[href*="heren-c"] {
  font-weight: bold;
}

*=运算符使属性选择器匹配具有包含指定值的属性的元素：

Answer 2

这不可能纯粹在跨浏览器兼容的CSS中，因为没有什么可以挂钩。你最好的选择是Javascript或PHP搜索和替换，搜索每个术语并替换为<span class="aclass">term</span>或类似的，以便你有一个CSS的钩子。

PHP将是更简单的方法，但Javascript可能是一个更简单的实现。

Answer 3

如果允许jQuery（这可以真正简化你的工作），你可以尝试这样的事情：

$('table tr td:nth-child(4)').each(function() {
    if($.trim($(this).text()) === 'Heren C') {
        $(this).css('font-weight', 'bold');
    }
});

我从未使用过Wordpress，但我想jQuery必须已经加载......