2

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

现在，这些日历都是表格，我想（在此示例中）为“Heren C”着色并使其变为粗体。我想为我们所有的团队执行此操作，因此无需实际检查每个表并更改这些文本实例。

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

希望大家能帮忙！

4

3 回答 3

4

您可以使用CSS3 属性选择器

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

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

于 2012-08-24T14:03:56.087 回答
1

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

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

于 2012-08-24T14:02:32.913 回答
0

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

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

我从来没有使用过 Wordpress，但我猜 jQuery 必须已经加载了......

于 2012-08-24T14:09:50.980 回答