これらのCSSセレクタをより効率的に整理するにはどうすればよいですか？私は、CSSセレクターをidを持つ要素にも適用したいと思っています

Question

タイトルの文句が間違っているのは残念です。 CSSファイルに次のコードを実行させる方法があるかどうかを知りたかったので、idsを持つすべてのテーブルセルに背景色を適用してください。 -

td { 
background-color: #d3d3d3; 
} 

#OtherTableCell { 
border: 1px solid black; 
} 

#AnotherTableCell { 
font-weight: bold; 
} 

#OneMoreTableCell { 
width: 5%; 
} 

はそれを行う方法はありますか、私はこの質問に多くの答えがあります

#OtherTableCell { 
border: 1px solid black; 
background-color: #d3d3d3; 
} 

#AnotherTableCell { 
font-weight: bold; 
background-color: #d3d3d3; 
} 

#OneMoreTableCell { 
width: 5%; 
background-color: #d3d3d3; 
} 

Answer 1

Google OOCSS（オブジェクト指向CSS）では、CSSをより効率的に整理するために「オブジェクト」を作成する方法についてのガイドラインが記載されています。 DRYの原則に従うだけで、スタイルが不必要に繰り返されることはありません。

Answer 2

のようにそれを記述する必要があります。そこに役立ついくつかの完全なガイドがあります。行または列とのタイトルでグループのスタイルには多くの方法がありhttps://css-tricks.com/complete-guide-table-element/

：

私のお気に入りはこれ一つでした。それはまさにあなたが何をしたいのかにかかっています。