javascript - 太字のテキストにスタイルを適用する

Question

CSS の属性セレクターと同様に、DIV 内の太字のテキストにスタイルを適用することはできますか? たとえば、以下のように CSS 属性セレクターを使用して DIV を選択できます

 div[attr = value]{
   ...
 }

上記のセレクターのように太字のテキストを選択する方法はありますか? JavaScript の場合、それを機能させる方法はいくつかありますが、CSS ソリューションの可能性を探しているだけです。そして私のターゲットはChromeだけです

score 3 · Accepted Answer

いいえ。CSS には、要素のスタイルに基づいて動作するセレクターはありません。

score 1 · Accepted Answer

[att*=val] 部分文字列「val」の少なくとも 1 つのインスタンスを値に含む att 属性を持つ要素を表します。「val」が空の文字列の場合、セレクターは何も表していません。

だからあなたは試すことができます：

div[style*=bold]{
   ...
 }

これは、インラインスタイルを適用する場合に機能します。

score 1 · Accepted Answer

これは非常に簡単なはずです。

div b{font-weight:normal;}

<b>これにより、すべてのタグに含まれるすべてのタグが選択<div>され、フォントの太さが通常に設定されます。

具体的にしたい場合は、div クラスまたは id を使用します。

#someDivId b{font-weight:normal;}

太字のテキストが<b>タグで定義されていないが、スパンなどのタグが使用されていることを知っている場合は、試してみてください。

span[style*="font-weight"]{font-weight:normal !important;}

お役に立てれば...

score 0 · Accepted Answer

このフィドルを試すことができます。

HTML

<div data-role="page">Bold text</div>

CSS

div[data-role~="page"]{font-weight:bold;}

お役に立てれば。

4 に答える 4