newsList と同じスタイルのリストがあるが、コンテンツがニュースではない場合はどうなりますか

基本クラスを定義して継承する

意味化は本来、意味論を決定するために使用されます。
ヘッダーをフッターに変更するということについては、意味的にはまったく決定されておらず、もちろん意味化には適していません。

しかし、予見可能な状況下では、決定された部分のセマンティクスを分離することができます。結局のところ、セマンティクスには既知の前提条件があります。

個人的には、CSSクラスの命名はデザイン案と密接に関係していると考えています。

例えば、デザイン案のAリストとBリストのマージントップが異なる場合、それがデザイン上の見落としなのか下心なのかをデザイナーに確認する必要があります。

デザインドラフトの意図を理解していれば、CSS クラスに名前を付ける根拠があります。

例:

(2番目のモーダルボックスを「追加」とすると、適切なデザイン案が見つからなかったので、自分で作成しました)

これらは 2 つのモーダル ボックスです
それらはすべて同じフォント、色などを使用していることがわかりましたが、説明では、1 つはアイコンの中央に配置され、もう 1 つはアイコンの上部と同一平面上にあります。

そこで、最初は次の名前を使用します:

より多くのデザイン草案で、中央の説明に 1 行のテキストが使用され、上部の説明に複数行のテキストが使用されていることがわかった場合は、次の名前を使用します:

上記の例は私が言いたいことです。CSS の名前付けはデザイン案の意図に基づいて行う必要があります。

場合によっては、間違いを犯すのはフロントエンドではなく、デザインである可能性があります。