HTML5 несколько страниц - разные страницы и разные css

Question

Каков наилучший способ предоставить имена и имена классов css для HTML-элементов.

Например:

На моей странице index.html у меня будет, например <section> элемент, но на о странице я также будет иметь <section> элемент, но это будет в другом стиле (ширина, фон ...)

Могу ли я использовать его как это: <section id="about">

Если есть лучший способ, пожалуйста, помогите.

Answer 1

Чтобы неравномерно выбрать элемент в идентификаторе использования страницы (если у вас есть только один элемент такого типа). Для того, чтобы добавить некоторые свойства, добавлять классы для этого элемента

.box { 
 
    width: 100px; 
 
    height: 30px; 
 
    margin-bottom: 5px; 
 
    border: 1px solid #ddd; 
 
} 
 
.red { 
 
    background-color: rgba(250, 20, 20, .3); 
 
} 
 
.blue { 
 
    background-color: rgba(20, 20, 250, .3); 
 
} 
 
.long { 
 
    width: 200px; 
 
}

<div class="box">.box</div> 
 
<div class="box red">.box.red</div> 
 
<div class="box long red">.box.long.red</div> 
 
<div class="box long blue">.box.long.blue</div>