label на псевдокласс :checkbox.services__item:hover {
background-color: green;
}
.services__item:hover > .services__name {
color: #fff;
}
.services__item:hover > .services__content {
color: #fff;
}
.services__item:hover > .services__btn {
color: #fff;
border: 1px solid #fff;
}background-image: url() и менять ее при наведении margin-block-start: 16px;
margin-block-end: 16px;
line-height: 18px;dotted) то можно просто сделать <hr> с этим бордером:hr {
border: none;
border-top: 3px dotted #dbdbdb;
}<div> и присваиваете ему display: flex;order:.wrapper {
display: flex;
}
#form1 {
order: 2;
}
#form2 {
order: 1;
}<div class="wrapper">
<form id='form1' action="">
<input type="text">
<input type="text">
<textarea name="" id="" cols="30" rows="10"></textarea>
</form>
<form id='form2' action="">
<input type="text">
</form>
</div>.header {
общие_свойства_для_всех_заголовков
}
.header_red {
свойства_только_для_заголовка_этого_цвета
}
.header_green {
свойства_только_для_заголовка_этого_цвета
}
.header_blue {
свойства_только_для_заголовка_этого_цвета
}<div class="header header_red"></div>
<div class="header header_green"></div>
<div class="header header_blue"></div>@media screen and (max-width: ширина_экрана) { /* максимальная ширина экрана в пикселях меньше которой свойство будет изменено */
элемент {
margin-left: 0;
}
}id это уникальный идентификатор. Делать несколько элементов с одним id это в корне неправильно + через JQuery по id вы получите в ответ только один элемент. Используйте классы:<div class="aboutfilm">
.....
</div>
<script>
$('.aboutfilm').each(function() {
$(this).on('click', () => {
$(this).parent().find('.test').addClass('card-text-change');
$(this).parent().find('.card-text').css('opacity', '1');
$(this).css('display','none');
});
});
</script>