CSS2 псевдокласс :first-child позволяет указать способ, каким можно отобразить элемент, являющийся первым потомком некоего родительского элемента. К примеру, следующее правило применяется только к тем абзацам, которые входят первыми в состав раздела. Перед абзацем не должно быть никаких элементов (обратите внимание на специальное использование знака «больше» по отношению к первому элементу-потомку):
div > p:first-child {font-style: italic}
В соответствии с этим правилом первый абзац в следующем HTML-фрагменте будет выведен курсивом, если броузер поддерживает стандарт CSS2, поскольку он является первым дочерним элементом своего раздела. Наоборот, второй абзац идет после заголовка уровня 2, являющегося первым дочерним элементом во втором разделе. Поэтому
второй абзац выводится обычным текстом, поскольку не является первым элементом раздела:
<div>
<p>
Я отображаюсь курсивом, потому что мой абзац является первым
элементом раздела.
</p>
</div>
<div>
<h2> Новый раздел</h2>
<p>
Я отображен обычным шрифтом, потому что этот параграф – второй
потомок в разделе.
Наконец, стандарт CSS2 определяет новый псевдокласс, который позволяет выбирать элемент, основываясь на его языке. В частности, если включить в тег <div> атрибут lang=fr, то броузер поймет, что раздел содержит текст на французском языке, и, возможно, будет обращаться с ним в особой манере. Другой путь – самим установить определенный способ отображения, определив псевдокласс :lang. К примеру:
div:lang(it) {font-family: Roman}
говорит, что текст в разделах, содержащих итальянский язык, должен применять шрифты семейства Roman. Как считаете, подходит? Заметьте, что язык указывается в скобках сразу после ключевого слова lang. Используйте для псевдокласса :lang те же коды языков
по стандарту ISO, что и для атрибута lang.