weranda
@weranda

Как применить стили к первому и последнему элементам в блоке?

Приветствую

Есть блок, внутри блока, к примеру, рандомно располагаются элементы DIV, UL, P, H2, H2 и т. д.
Можно ли оформить через CSS стиль первого и последнего элементов в блоке ВНЕ зависимости от того, какой тег сейчас на первом и последнем местах?

Простой пример (первый и последний теги могут быть произвольными):

<div class="my_class">
	<p></p>
	<h2></h2>
	<ul>
		<li></li>
	</ul>
</div>


<div class="my_class">
	<h3></h3>
	<p></p>
</div>
  • Вопрос задан
  • 3821 просмотр
Решения вопроса 1
используй псевдо классы
.my_class *:first-child{}
.my_class *:last-child{}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@litash
.my_class:nth-child(1)
.my_class:nth-child(2)

можно и так.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы