CSS 効率に関する質問_html/css_WEB-ITnose

CSS HTML

早速、コードから始めましょう

.bar {  width: 960px;  line-height: 30px;  background: blue;  color: white;  font-weight: bold;}.navi {  width: 960px;  padding: 5px;  background: green;  color: white;  font-weight: bold;}.style1 {color: white; width: 500px;}.style2 {font-weight: bold; line-height:30px;}

<div class="bar">Here is some text</div><div class="style1">这个DIV的class中的XXX无关紧要</div><div class="style2">这个DIV的class中的XXX无关紧要</div><div class="navi">Here is some text</div>

別のコードを見てみましょう:

.text_white {color:white;} .text_bold {font-weight: bold;} .width_960 {width: 960px;}.bar {  line-height: 30px;  background: blue;}.navi {  padding: 5px;  background: green;}.style1 {width: 500px;}.style2 {line-height:30px;}

<div class="bar text_white text_bold width_960">Here is some text</div><div class="style1 text_white">这个DIV的class中的XXX无关紧要</div><div class="style2 text_bold">这个DIV的class中的XXX无关紧要</div><div class="navi text_white text_bold width_960">Here is some text</div>

この 2 つのコードのうち、最初のコードは私がよく使う方法ですが、最近では友人が書いたコード (つまり 2 番目のコード) がいくつかのパブリック属性を抽出しているのを見ました。この方法について非常に混乱しています。なぜなら、いくつかの属性がスタイルとして提示されて管理されている場合、パブリック スタイルが多数ある場合、1 つの DIV が 7 つまたは 8 つの CLASS を継承する可能性があるからです。これで良いでしょうか?効率は低下しますか？ CSS の本来の意図に反するのでしょうか？ CLASS を継承しすぎると、HTML の要素のスタイルを STYLES 属性で制御するのと同じことになると思うからです。 。 。

ディスカッションへの返信 (解決策)

これは css の本来の目的です

これは css の本来の目的です

しかし、DIV が複数の継承をした場合。クラス (7 つまたは 8 つある場合もあります) それは非常に非効率でしょうか?

あなたの友人は正しくやりました。これが CSS の本来の目的です

しかし、DIV が複数の CLASS (場合によっては 7 つまたは 8 つ) を継承すると、非常に非効率になりますか?
次に、あなたの div が 7 種類の変更を下回る必要があることを証明する必要があります
必要に応じて、次のように記述します
効率を最初に考慮しないでください
まず効率の問題を認識し、必要に応じてリファクタリングします

あなたの友人は完了しました素晴らしい仕事です。はい、これが CSS の本来の目的です

しかし、DIV が複数の CLASS (場合によっては 7 つまたは 8 つ) を継承すると、非常に非効率になりますか?
次に、あなたの div が 7 種類の変更の下になければならないことを証明する必要があります
必要に応じて、次のように記述してください
効率を最初に考慮しないでください
効率の問題を最初に認識し、必要に応じてリファクタリングします

わかりました、理解しました、ありがとうあなた