:only-of-type

Функции PHP

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

Sep

2010

:only-of-type

Синтаксис

элемент:only-of-type { ... }

Значения

Нет.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>only-of-type</title>
  <style type="text/css">
   img:only-of-type {
    border: 2px solid red; /* Параметры рамки */
   }
  </style>
 </head> 
 <body> 
  <p><img src="figure.jpg" alt="" /> <img src="figure.jpg" alt="" /></p>
  <p><img src="figure.jpg" alt="" /></p>
 </body> 
</html>

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

Рис. 1