knitevision1
@knitevision1
Ванька Скайуокер

Как лучше организовать классы в CSS3 для элеменов одинаковых, но отличающихся 1-2 свойствами?

Здравствуйте.

Есть например 2 странички: index.html и contacts.html

На index.html и к нему.
То же самое есть на contacts.html

Но на "contacts.html", ширина должна быть 60%, а должен иметь отступ 10px

Как лучше это реализовать:

contacts.html:

<input type="text" id="some-id" class="input input-contacts"></input>
<label for="some-id" class="label label-contacts">Foo</label>


style.css

.input-contacts{
   width: 60%;
}

label {
   margin: 10px;
}


ИЛИ:

HTML:

<body class="contacts-page">

<input type="text" id="some-id" class="input"></input>
<label for="some-id" class="label">Foo</label>

</body>


CSS


.contacts-page input{
   width: 60%;
}

.contacts-page label {
   margin: 10px;
}


.
  • Вопрос задан
  • 2571 просмотр
Пригласить эксперта
Ответы на вопрос 1
обычно стараюсь делать по бэм. Но если диз олух и пару мелких моментов нужно поправить то создаю класс *название_класса*-style_n
тут n = нубизм дизайнера (то есть от 1 до 999999)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы