домашнее задание №53 HTML/CSS создать страницу

здравствуйте! почему в домашнем задании в котором нужно создать страницу Контакты, в HTML файле создан <div class="send send_contact"> , а в CSS когда прописываем стили указывается :

.send_contact input[type="text"] {
width: 500px;
}

.send_contact textarea {
width: 516px;
}

тоесть при присвоении класса два раза send send а при стилизации в css один раз send ? я думал опечатка , но когда убрал одно send все развалилось , на уроке не объясняется в чем дело. Разъясните пожалуйста. Спасибо!

HTML / CSS # 53 создание страницы - КОНТАКТЫ

Andrey Maevskiy

5 years ago

когда так написано <div class="send send_contact"> - это 2 разных класса (через пробел)

Олег

5 years ago

либо вы вопрос не допоняли , либо я не совсем понимаюю В домашнем задании , когда я начал сравнивать свой код с вашим ответом, там у вас , в вашем ответе ,вы присваете класс: <div class="send send_contact"> а на него в css прописываете стиль; send_contact input[type="text"] {width: 500px;}

.send_contact textarea {
width: 516px;

Почему в присвоении класса два send , а в css вы указываете один и все работает? По идее должно быть одинаково , разъясните пожалуйста

Andrey Maevskiy

5 years ago

если класс send у вас больше нигде не используется в css и в html - значит его удаление из вашего кода выше не будет влиять, если влияет - значит он где-то есть в коде - смотрите .send в css и class="send... в html

код свой полный пришложите html и css я подскажу

Олег

5 years ago

<h1>Контакты</h1>
<p>Отправьте ваш отзыв о портале КиноМонстр</p>

</form>

</div>

Andrey Maevskiy

5 years ago

.send {
margin-bottom: 4%;
}

.send input[type="text"], textarea {
border: solid 1px #c3c3c3;
margin-bottom: 2%;
}

.send input[type="text"] {
width: 98%;
}

.send textarea {
width: 624px;
height: 200px;
}

.send input[type="submit"] {
background-color: #7268ad;
padding: 3%;
color: white;
border-radius: 5px;
}

.send_contact input[type="text"] {
width: 500px;
}

.send_contact textarea {
width: 516px;
}

Andrey Maevskiy

5 years ago

никак не пойму почему присвоили диву класс - send send_contact , а в css один send_contact и все работает

Andrey Maevskiy

5 years ago

ну вот же - в css 5 блоков прописаны свойства для класса send и 2 блока для класса send_contact

это 2 отдельных класса - send видимо какой-то более общий класс для Всех форм, а send_contact - корректировки и дополнения для конкретной формы.

второй класс перекрывает и дополняет первый, когда в html для блока прописаны 2 класса

Олег

5 years ago

а для чего одному диву прописывается 2 класса ?

Andrey Maevskiy

5 years ago

Marina Gomziakova

1 year ago

домашнее задание №53 HTML/CSS создать страницу - Контакты

9 ответов