@jobin

Почему не работает first-child?

Верстаю вслед за https://youtu.be/jvsTT2GNfcw ,время 5:24 . У него всё работает, у меня нет. Ласт чайлд работает, ферст- нет. Стоят рядом, казалось бы, ошибиться негде. Сверлил глазами свой и его код минут 30, так и не понял где я не правильно что-то сделал. Сделал уже через id конечно, но всё же интересно. Простите если что там не увидел очевидного.

<div class="row">
	<div class="col-md-4">
		<div class="left-sidebar">
			<ul class="left-sidebar_menu">
				<li id="puhom"><a href="#">Земля</a></li>
				<li><a href="#">Жилая недвижимость</a></li>
				<li><a href="#">Комерческая недвижимость</a></li>
				<li><a href="#">Новостройки</a></li>
				<li><a href="#">Дома/Котеджи</a></li>
				<li><a href="#">Строительство</a></li>
				<li><a href="#">Аренды</a></li>
			</ul>
		</div>
	</div>
	<!-- /.col-md-4 -->
	<div class="col-md-8"></div>
	<!-- /.col-md-8 -->
</div>
<!-- /.row -->

.left-sidebar_menu {
  list-style: none;
  padding: 0;
}
.left-sidebar_menu li {
  padding: 15px 29px;
}
.left-sidebar_menu li:first-child {
  padding-top: 30px;
}
.left-sidebar_menu li:last-child {
  padding-bottom: 30px;
}
/*#puhom {
  padding-top: 30px;
}*/
  • Вопрос задан
  • 81 просмотр
Решения вопроса 1
Abr_ya
@Abr_ya
Что-то делаю в вебе, учусь делать лучше!..
Подставил ваш фрагмент кода в чистую рыбу. Всё работает.
Как выглядит:
5d626a9a6e241328871761.png

Как работает:
5d626aa7706e9583019924.png

Открывайте в браузере панель разработчика и смотрите, чем в вашем конкретном случае перебивается стиль!
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
xdevelx
@xdevelx
Web Developer
Вот ваша разметка

https://codepen.io/xdevelx/pen/gOYmMRO
Очевидно, что .left-sidebar_menu li:first-child отрабатывает
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
21 сент. 2019, в 00:13
5000 руб./за проект
20 сент. 2019, в 20:02
3000 руб./за проект
20 сент. 2019, в 19:04
80000 руб./за проект