стиль внутри селектора dl позволяет стилизовать следующий селектор - PullRequest
0 голосов
/ 12 февраля 2020

я могу стилизовать мой элемент dl с фоном, но не мой элемент строки формы. что я делаю не так? я работаю с css файлом

здесь html:

.zend_form {

   background : grey
}

.zend_form > .form-row {
    background: yellow
    border: 3px solid #D2CFC7;
    box-sizing: border-box;
    padding-top: 58px;
    padding-left: 85px;
    padding-right: 85px;
    padding-bottom: 76px;
    margin-bottom: 120px;
}
<div id="form_signup">
    <form enctype="application/x-www-form-urlencoded" action="" method="post">
    <dl class="zend_form">

	    <div class="from-row">
	      <div class="from-group form_ligne" id="form_ligne_login">
	      		<span id="login-label"><label for="login" class="form_label optional">Identifiant (adresse mail)</label></span>
	      		<input type="text" name="login" id="login" value="" onpaste="return false">
	      </div>
	    </div>
	</dl>
  </form>
</div>

1 Ответ

3 голосов
/ 12 февраля 2020

Вы сделали опечатку на имя класса. Заменить .from-row на form-row.

.zend_form > .form-row {
    border: 1px solid #D2CFC7;
    box-sizing: border-box;
    padding-top: 58px;
    padding-left: 85px;
    padding-right: 85px;
    padding-bottom: 76px;
    margin-bottom: 120px;
}
<div id="form_signup">
    <form enctype="application/x-www-form-urlencoded" action="" method="post">
    <dl class="zend_form">

	    <div class="form-row">
	      <div class="from-group form_ligne" id="form_ligne_login">
	      		<span id="login-label"><label for="login" class="form_label optional">Identifiant (adresse mail)</label></span>
	      		<input type="text" name="login" id="login" value="" onpaste="return false">
	      </div>
	    </div>
	</dl>   
  </form>
</div>

Кстати, позже вы используете from-group. Может быть, у вас здесь тоже есть опечатка.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...