CSS: only-of-type

В примере псевдокласс :only-of-type применяется к селектору img, в правилах стиля которого задаётся рамка красного цвета для картинок. Сама рамка добавляется к изображениям, которые у своих родителей (в данном случае это тег <p>) встречаются только один раз. В первой строке повторяется два изображения, поэтому псевдокласс не действует, во второй строке вставлено одно изображение, для него :only-of-type и работает.

<style>
 img:only-of-type {
 border: 2px solid red; /* Параметры рамки */
 }
</style>

<p><img src="image/figure.jpg"><img src="image/figure.jpg"></p>

<p><img src="image/figure.jpg"></p>
Новый диалог