Повторное использование одного и того же идентификатора и использование другого имени класса

Question

У меня есть идентификатор обертки, который я использую для всей моей страницы.

HTML

<div id="wrapper"> 
</div> 

CSS

#wrapper{ 
width: 960px; 
margin: 0 auto; 
} 

Теперь то, что я хочу сделать, это создать класс для этого идентификатора, который я буду использовать для страниц, имеет максимальную ширину в полном разрешении.

HTML

<div id="wrapper" class="full-width> 
</di> 

CSS

#wrapper.full-width{ 
width: 100%; 
} 

Является ли это правильный способ сделать это?

Answer 1

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

В зависимости от конкретного случая, я бы, вероятно, был бы склонен сделать идентификатор и отдельные теги класса (div-class = "full-width" вложенными внутри обертки), особенно если обертка ID будет использоваться на различные страницы, но класс может быть другим. Это дает вам больше гибкости в идентификаторе обертки.

Выполнение этого, вы все равно можете сделать CSS так, как у вас есть.