Page 181 - Сила CSS3 Освой новейший стандарт

Выбор определенных элементов без идентификаторов и классов • 181

Кроме того, как я рассказывала в главе 4, во многие библиотеки JavaScript входят
сложные селекторы вроде :nth-child(), и вы можете встраивать их в собственные
сценарии, получая, таким образом, возможность использовать функциональность
настоящего псевдокласса :nth-child() в IE. Правда, при этом не будут учитываться
селекторы :nth-child(), уже присутствующие в коде CSS, — их придется создать
заново в сценарии. Ссылки на такие библиотеки JavaScript вы найдете в разделе
«Использование библиотек JavaScript» главы 4.

вернемСя к нашим ФотограФиям: Случайный поворот
Итак, мы применили псевдокласс :nth-child() для оформления облачков с текстом,
и теперь я предлагаю вернуться к странице со статьей о путешествии, с которой мы
работали в главах 3 и 4. Давайте посмотрим, каким образом чередующиеся стили можно
применить к фотографиям на странице. Мы уже немного повернули все фотографии,
для того чтобы они смотрелись более реалистично. Но поскольку угол поворота для
всех одинаков, впечатление создается несколько однообразное (рис. 5.5). Было бы
здорово с помощью :nth-child() повернуть фотографии на разное значение угла, для
того чтобы достичь реалистичного впечатления случайно разбросанных фотографий.

Рис. 5.5. Все фотографии немного наклонены вправо

Однако если вы попробуете применить селектор img[src*=photos]:nth-
child(even), чтобы повернуть все четные фотографии влево, а не вправо, то
обнаружите, что два последних изображения поворачиваются в одну сторону —

www.trk.kg