明確にするために:
今のところ、おそらく読みやすさのために、CSSは次のように書かれています。
element {
text-decoration: underline;
}
#selector {
font-size: 50px;
color: red;
text-decoration: underline;
}
.selector-two {
color: red;
}
この例では、プロパティがセレクターに割り当てられ、特定のスタイルが与えられています。また、特定のプロパティは、異なるセレクターに複数回割り当てられます。次のように記述されている場合、スタイルシートのパフォーマンスやサイズに違いはありますか?
element, #selector { text-decoration: underline; }
#selector, .selector-two { color: red; }
#selector { font-size: 50px; }
もちろん、これでは特定の要素にどのスタイルが適用されているかをCSSで簡単に確認することはできませんが、CSSコードを縮小してこれを確認できるとしたら、何かメリットはありますか?