Comments 26
Все понятно, спасибо за примеры. Новый селектер в активе.
Буквально 20 минут назад написал $(«div.slide_item»).hover( function () { $(«a.video_button»).toggleClass(«video_button_hover»); });.
А все потому, что не знал о "~".
Голосовать не могу. Спасибо вам, хотя бы текстом.
А все потому, что не знал о "~".
Голосовать не могу. Спасибо вам, хотя бы текстом.
Добавьте, пожалуйста, в статью информацию о кросс-браузерности данного селектора
Говорят, что поддерживают все нормальные браузеры, и IE 7+
www.quirksmode.org/css/contents.html
Так что вполне можно использовать в продакшене
www.quirksmode.org/css/contents.html
Так что вполне можно использовать в продакшене
UFO just landed and posted this here
А поддерживает ли его jQuery-селектор?
На счет селектора — не пробовал, но есть метод siblings
Если его поддерживает браузер — то jquery его поддерживает тем более. По дефолту sizzle пытается использовать `document.querySelectorAll`, и если он валится — тогда он перелючается на свой парсер, который поддерживает чуть более обширный список поддерживаемых селекторов.
Конечно поддерживает. Вот посмотрите тут описание.
Этот селектор еще хорошо подходит для осуществления всяких красивостей и некоего функционала при помощи связки input + label, как например здесь. Уверен, в ближайшем будущем появятся новые варианты использования такой связки — и не только в рамках демок, а и для практического применения.
Прочитав комментарии, вспомнил как сложно было найти верстальщика в помощники. В целом, конечно, забавно, что кто-то занимается версткой, пусть даже косвенно, но при этом не интересуется, как же бывает еще! Ведь вещи базовые. Никого не хочу обидеть.
А по поводу статьи, вот отличное дополниение (которе, кстати, вверху списка по запросу «css selectors»):
The 30 CSS Selectors you Must Memorize
Тут вам и основные селекторы, в том числе и парочка, описанная в статье, и примеры, и совместимость с браузерами, и практические случае приминения. Enjoy %)
А по поводу статьи, вот отличное дополниение (которе, кстати, вверху списка по запросу «css selectors»):
The 30 CSS Selectors you Must Memorize
Тут вам и основные селекторы, в том числе и парочка, описанная в статье, и примеры, и совместимость с браузерами, и практические случае приминения. Enjoy %)
Мы семьей сидели и не знали что сделать вечером! И тут ваша статья про ~ селектор. Весь вечер сидели у компьютера, оторваться невозможно, спасибочки вам большое за эту прекрасную статью! Муж просто в восторге от селектора. Дай бог вам здоровья!
Да уж, думал сначала что комментарии полны сарказма, селектор давно уже не новый.
Помню его еще по этой табличке совместимости, как один из немногих css3 селекторов, которые хоть немного поддерживались.
Обидно, что из-за кое-какого браузера всё новое хорошее в css пришлось так надолго отложить.
Помню его еще по этой табличке совместимости, как один из немногих css3 селекторов, которые хоть немного поддерживались.
Обидно, что из-за кое-какого браузера всё новое хорошее в css пришлось так надолго отложить.
На последок фотосинтез средствами селектора в CSS%)
знаю об этом селекторе давно, но не использую (и вам не советую) и вот почему. задавать стиль элементу используя его «соседа» на мой взгляд весьма неосмотрительно. использование данного селектора в коде РЕАЛЬНОГО проекта не добавит гибкости, а скорее наоборот. отсутствие основного элемета, задающего стиль, попытка перенести элемент или использовать его в другом месте с другим окружением потребует переписывание стилевых правил.
Это справедливо для любых комбинаций нескольких селекторов, скажем
.block h1 { ... } — «отсутствие основного элемета, задающего стиль, попытка перенести элемент или использовать его в другом месте с другим окружением потребует переписывание стилевых правил. ». Подобные конструкции вы тоже не используете?Sign up to leave a comment.
Селектор обобщенных родственных элементов