2

バスケットボール協会のウェブサイトを作りました。それぞれにカレンダーがあるチームがいくつかあります。ここで見ることができます。たとえば、これはチーム「HerenC」です。下のカレンダーでわかるように、いくつかのホームゲームといくつかのアウェイゲームがあります。「ヘレンA」「ヘレンB」「ジュニアレン」「カデッテン」などもあります…

さて、これらのカレンダーはすべてテーブルです。「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 に答える