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>