.contacts form .name, .contacts form .email, .contacts form .message {
...
}
как написать такой селектор компактнее?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуПросто для инпута пропишите стили input { стили }
в таком случае вы зададите стили всем полям инпут. Если у вас несколько форм и у инпутов в них должны быть разные стили тогда .contacts-1 input { стили }
стили для первой формы, .contacts-2 input { стили }
стили для второй формы и так далее.
Как вариант можно сделать так:
.contacts form [class|=xxx] {
color: red;
}
<div class="contacts">
<form>
<input class="xxx-name">
<br>
<br>
<input class="xxx-email">
<br>
<br>
<textarea class="xxx-message"></textarea>
</form>
</div>
https://jsfiddle.net/4h0cqgfd/
Подробнее о селекторе [атрибут|="значение"]
читайте здесь: https://webref.ru/css/selector/attr7 .
yyy
. Но вообще я, в частности, не часто подобный селектор использую, но случаи бывали; какие конкретно уже не помню, но помню использовал.
12 мая 2016 в 17:51
xxx
и сделать селектор .contacts form .xxx
, а то и просто .xxx
. Зачем эти выкрутасы с [class|=xxx]
?