CSSでクラスを使用する正しい方法は何ですか？

Question

私は人々が、例えば、各オブジェクトのクラスを作成参照してください。

.content-wrapper { 
 
    display: flex;  
 
    justify-content: center;  
 
    color: white;  
 
} 
 

 
.images-wrapper { 
 
    display: flex;  
 
    justify-content: center; 
 
    border: 1px solid white; 
 
}

<div class="content-wrapper"></div> 
 
<div class="images-wrapper"></div>

しかし、また、私は、ブートストラップの例と同様に、人々は属性によってクラスを作成参照してください。

.centered-content { 
 
    display: flex; 
 
    justify-content: center; 
 
} 
 

 
.content-wrapper { 
 
    color: blue; 
 
} 
 

 
.images-wrapper { 
 
    border: 2px solid black; 
 
}

<div class="centered-content content-wrapper"></div> 
 
<div class="centered-content images-wrapper"></div>

Answer 1

特定のスタイルを適用してクラスを作成する要素のグループがある場合は、スタイルを適用する単一の要素がある場合は、IDを作成します。私はこれを信じていますが、これはCSSを使用する最も一般的で最も一般的に考えられるシステムです。

Answer 2

あなたのhtmlで繰り返されるスタイルがある場合、このスタイルを使用するすべてのDOM thatに対して1つのクラスを作成する必要があるかもしれません。

例

<style> 
    .box1{ 
     width: 300px; 
     background-color: blue; 
    } 
    .subbox2{ 
     width: 30px; 
     background-color: green; 
    } 
    .center{ 
     margin: auto; 
     position: absolute; 
    } 
</style> 

<div class="center box1"> 
    <div class= "center subbox2"></div> 
</div>