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

Question

[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>

Answer 1

[Александр Земляной]

используй псевдо классы

.my_class *:first-child{}
.my_class *:last-child{}

Comments

[weranda]

Александр Земляной Спасибо.
Только поправил чуть:

.my_class > *:first-child{}
.my_class > *:last-child{}

Иначе применяется и ко вложенным элементам.

Answer 2

[litash]

.my_class:nth-child(1)
.my_class:nth-child(2)

можно и так.

Comments

[weranda]

Это глупость.

[Rheinmetall]

А если элементов 3 и больше?

[litash]

Rheinmetall: красавчик ;)