CSS::Соседние селекторы.

[bullvinkle]

Добрый день. Решил выучить HTML и CSS. Учу по этому сайту. Очень нравится.

Не могу разобраться со статьей "Соседние селекторы". Пример 11.1. В тексте и на картинке слово consectetuer должно отличаться в первой и второй строке. У меня же они и там и там красные http://bullvinkle.pp.ua/html.html

Что это значит?

Edited March 16, 2011 by bullvinkle

[SelenIT]

В каком браузере? У меня в FF 3.6/WinXP всё нормально, красный лишь первый...

[bullvinkle]

Браузер Chromium.

Тогда все понятно. А есть способ научить браузер понимать такой синтаксис? Потому что в рамочке вокруг кода на сайте Cr 8 подсвечивается зеленым.

UPD: установил FF - отображается как надо. А мне так нравится Chromium:)

Edited March 16, 2011 by bullvinkle

[swetlana]

как интересно!

а ведь это хромоглюк!

И ведь веб-инспектор нигде не кажет, что этот элемент должен быть красным.

притом в сафари такого нет.

Есть подозрение, что в десятом хроме уже не нормальный вебкит, а какой-то испорченный. Это уже не первый замеченный в нём глюк.

[wanntuzz]

Там уже не вебкит. Гугль давно свой собственный движок разрабатывает на основе своей ОС.

[SelenIT]

Мда, дооптимизировались ребята . Стиль применяется не только к непосредственному соседу, но и ко всем последующим элементам, совпадающим с ним по тегу и классу. И, что обидно, существующие тесты его не ловят — у W3C классы различаются и поэтому всё ОК, а CSS3.info не додумался проверить несколько однотипных элементов (первый сработал — и ладно). Тщательнее нужно тестировать, тщательнее!

Интересно, что замена B + I на B:nth-child(1n) + I приводит его в чувство (видимо, заставляет честно пересчитать ноды). Еще более интересно, что B:nth-child(n) + I (по идее, эквивалентная записи с единицей перед n, и в FF4 это так) не работает вообще

В общем, вот такой он загадочный зверек, этот чемпион в HTML5test-е

[swetlana]

сегодняшний глюк:

:not(:first-child) в хроме 10 перестал работать.

Вернее, работать стал совершенно замечательно: теперь такая конструкция там работает только при наведении мышом.

[SelenIT]

Занятно, у меня 10-й Хром в юзерагенте показывает Webkit/534.16, а 5-й Сафари — Webkit/533.20.25. Неужели у Сафари всё еще впереди?..

[swetlana]

очень надеюсь, что нет.

За последние дни попала несколько раз в неприятные ситуации, когда глядя в сафари говорю заказчику, что всё хорошо, а он, глядя уже в хром, говорит: «так всё же разъехалось».

Притом глюки новые и достаточно странные, типа описанных здесь.

Apple всё-таки тестирует свой софт, может не допустят такого безобразия.

впервые такое

раньше всегда они идентично казали.

[Kyokata]

Интересно, что замена B + I на B:nth-child(1n) + I приводит его в чувство (видимо, заставляет честно пересчитать ноды). Еще более интересно, что B:nth-child(n) + I (по идее, эквивалентная записи с единицей перед n, и в FF4 это так) не работает вообще

Конец 2013 года. Ничего не поменялось. Хром как работал лениво с соседними селекторами, так и работает. Спасибо за рабочее решение

Edited December 2, 2013 by Kyokata

[Launder]

Извините, если правильней было открыть новую тему, но показалось, что контекст этой вполне допускает подобный вопрос:

 

А можно ли как-то извратится и поменять состояние предыдущего элемента, по состоянию текущего?

типа li:hover + li:nth-child(n-2)

[ShumNo]

Думаю, что нет, поскольку, приоритет выполнения стилей идет сверху вниз

[wwt]

Извините, если правильней было открыть новую тему, но показалось, что контекст этой вполне допускает подобный вопрос: А можно ли как-то извратится и поменять состояние предыдущего элемента, по состоянию текущего? типа li:hover + li:nth-child(n-2)

В нашей версии CSS нельзя обращаться к родительским элементам или элементам стоящим выше в дереве.

 

в CSS 4 обещают селектор :has()

 

Пока что судя по описанию это будет работать следующим образом:

<div><img></div>

и стиль к нему:

div:has(img) {...}

Если внутри div есть img то применить стиль к div.

 

 

Конечно это не лучшая реализация parent  селектора, но это хотя бы что-то ) Ну и конечно же время, когда еще это будет )

Думаю, что нет, поскольку, приоритет выполнения стилей идет сверху вниз

и справа налево =)))