3

CSS を特定の単語に繰り返し自動的に適用しようとしています。

たとえば、「Twitter」という単語のテキストの色を #00ACED にしたいとします。

現在、スパンクラスを使用して、特定のブランド用語の周りにこれらの色を手動で適用しています。

<span class="twitter">Twitter</span>

CSS の場合:

.twitter {
    color: #00ACED;
}

ただし、これはプロセスであり、このスタイリングを自動的に完了する方法を好みます。関連付けられたカラー スタイリングを持つ約 20 のブランド ワードがあります。

誰でもこの問題を手伝ってくれますか。それが違いを生む場合、私はWordPressを使用しています。

4

4 に答える 4

1

このようなものがうまくいくかもしれません。検索用語をループする必要があり、これは最も効果的な方法ではない可能性があります.

function add_class (search, replacement) {
    var all = document.getElementsByTagName("*");
    for (var i=0, max=all.length; i < max; i++) {
         var text = all[i].textContent || all[i].innerText;
         if (text.indexOf(search) !== -1 && ! all[i].hasChildNodes()) {
            all[i].className = all[i].className + " " + replacement;
         }
    }
}

var replacements = [
    ["Twitter","twitter"],
    //
]

for (var i = replacements.length - 1; i >= 0; i--) {
    add_class(replacements[i][0],replacements[i][1]);
};

注：これはまったくテストしていません。

于 2013-10-04T20:12:16.690 に答える
0

最低限の JavaScript を知っていれば、この JavaScript ライブラリーはあなたの生活をずっと楽にしてくれます。文字列内のすべての文字をスパンタグに変換します。 http://daverupert.com/2010/09/lettering-js/

于 2013-10-04T20:51:08.953 に答える