На конкретный тип дочернего тега. Например, у вас есть боковая панель, в которой
id="sidebar". Чтобы оформить первый абзац в этой панели, воспользуйтесь
следующим стилем:
#sidebar p:first-of-type
Обратите внимание, что именно тег р является первым нужным типом.
О :last-of-type- работает точно так же, как и :last-child, но дает возможность
Указать на последний тег конкретного типа. Например, если вы хотите оформить
Последний абзац боковой панели, но не уверены в том, что он является
Последним и за ним не следуют другие теги (список, заголовок или изображение),
то воспользуйтесь следующим стилем:
#sidebar p:last-of-type
ПРИМЕЧАНИЕ-----------------------------------------------Помните,
Что выбранный этими селекторами тег таюке является дочерним. Консrрукция p:first-of-type
Оэначает «первый дочерний элемент, содержащий тег абзаца».
О :nth-of-type- работает точно так же, как и :nth-child, но позволяет указать на
Элементы конкретного типа. Этот тег может быть удобен в том случае, когда
имеется большой объем текста, содержащий фотографии. Тег <irng> может находиться
В любом месте внутри текста, это значит, что ваш абзац может содержать
Часть изображений. Скажем, вам нужно расположить некоторые изображения
Слева, а другие - справа от текста, как показано на рис. 16.4. Вы можете
использовать следующий стиль:
img:nth-of-type(odd) { float: left: }
img:nth-of-type(even) { float: right:
