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

Разные варианты стилизации полноразмерных фотографий и эскизов • 163

в сценарии селекторы атрибутов, уже присутствующие в коде CSS, — соответственно,
вы не можете заставить часть из них работать, и вам приходится заново создавать
их в своем сценарии. Однако если вы все равно пишете сценарий для обработки
каких-то эффектов на страницах, почему бы не обработать там все необходимые
селекторы, вместо того чтобы добавлять сверху еще и сценарий IE7?
В статье «Selecting and Styling External Links, PDFs, PPTs, and other links by file extension
using jQuery» (http://dabrook.org/blog/articles/selecting-and-styling-external-links-or-
pdf-ppts-and-other-files-by-extensi) приводится пример сценария для добавления
значков к ссылкам, в котором используются селекторы атрибутов из jQuery. Селек-
торы атрибутов встроены в большинство популярных библиотек JavaScript, таких
как jQuery и MooTools, а также существует несколько библиотек, посвященных
исключительно селекторам. Среди них:

YUI Selector Utility (http://developer.yahoo.com/yui/selector)
Sizzle (http://sizzlejs.com)

Sly (http://github.com/digitarald/sly)
Существуют также сценарии, пользующиеся возможностями библиотек JavaScript,
в частности сложными селекторами, которые избавляют вас от необходимости пи-
сать собственные селекторы — они просто распознают селекторы, уже имеющиеся
в коде CSS, и заставляют их работать. Отличный пример такого сценария — Selectivizr
автора Keith Clark, упомянутый в главе 1 (http://selectivizr.com). Просто добавьте на
свою страницу этот сценарий и одну из соответствующих библиотек JavaScript, и
селекторы атрибутов заработают в IE. Если вы привыкли к jQuery, то я могу также
порекомендовать встраиваемый модуль jQuery SuperSelectors (http://github.com/
chrispatterson/jquery-super-selectors).

разные варианты стилизации ПОлнОразмерных
фОтОграфий и эскизОв

На нашей странице мы можем реализовать еще одну отличную идею, применив
селекторы атрибутов: оформить фотографии и эскиз карты с использованием раз-
ных стилей. Для того чтобы сделать это без помощи CSS3, нужно поместить эскиз
в отдельный класс и связать с ним уникальные стили. Конкретно на этой странице
это сделать довольно просто. Однако в реальном мире работа с классами обычно
влечет немало проблем.

проБлемы С клаССами
Существует множество допустимых сценариев использования классов, однако
с ними связаны определенные проблемы, усложняющие их применение в некото-
рых ситуациях.

www.trk.kg