2

formクラス内およびmask-amountクラス内のすべての要素を太字にする、次の css を検討してください。

form .mask-amount {
    font-weight: bold;
}

もちろん、上記はmask-amountフォーム外の要素のフォントの太さを変更しません。

This will not be bold <span class="mask-amount">123,456</span>
<form>
   This will be bold <span class="mask-amount">123,456</span>
</form>

コード: http://jsfiddle.net/a9qt8jw7/

ただし、Sonar で CSS を確認すると、 Name of overqualified element should be removed というエラーが表示されます。https://github.com/CSSLint/csslint/wiki/Disallow-overqualified-elementsで説明されているエラー

要素名によってクラスの動作が異なる場合を除き、li.active などのセレクターを記述する必要はありません。ほとんどの場合、セレクターから要素名を削除しても安全です。これにより、CSS のサイズが縮小され、セレクターのパフォーマンスが向上します (要素と一致する必要がなくなります)。

mask-amountclass を持つ他の要素を太字にしたくないので、 formfrom css セレクターを単純に削除することはできません。

私はこの種のセレクターをよく使いました。CSS を変更してこのエラーを修正する最善の方法を知りたいです。(HTML を変更することはできません。これは大きな作業になります!!)

4

0 に答える 0