Разъясните пожалуйста принцип работы правила css.

[denn]

Добрый день!

Верстаю свой первый шаблон+выпадающее меню , по ходу дела возникают вопросы касательно css. Прошу помочь разобраться.

1) Как обрабатывается правило вида: ul#direct li:hover li a {...}. Неясность здесь создает псевдокласс hover.

2) Не понимаю принцип работы правила вида: ul#direct ul ul. Для чего указывается ul два раза после ul#direct.

Если я правильно понял контекстные селекторы, достаточно указать: ul#direct ul. Однако, если убрать второй ul - работа нарушается. Почему?

Спасибо за помощь.

[Justnewone]

Добрый день!

Верстаю свой первый шаблон+выпадающее меню , по ходу дела возникают вопросы касательно css. Прошу помочь разобраться.

1) Как обрабатывается правило вида: ul#direct li:hover li a {...}. Неясность здесь создает псевдокласс hover.

2) Не понимаю принцип работы правила вида: ul#direct ul ul. Для чего указывается ul два раза после ul#direct.

Если я правильно понял контекстные селекторы, достаточно указать: ul#direct ul. Однако, если убрать второй ul - работа нарушается. Почему?

Спасибо за помощь.

Для начала, Вам надо почитать про селекторы CSS, например тут, очень внимательно и все понять.

1. Скорее всего, при наведении на ul#direct li по идее должны примениться некие свойства, но! На ul#direct li:hover li эти же правила точно так же накладываются, так как ul#direct li = ul#direct li li = ul#direct li li li и так далее, но не на оборот!!!

2. ul#direct ul ul говорит о том, что в ul#direct вложен ul, в который, в свою очередь вложен еще один ul ( и далее, см. 1.), и именно третьему и последующим UL применятся указанные свойства CSS.

[denn]

Для начала, Вам надо почитать про селекторы CSS, например тут, очень внимательно и все понять.

1. Скорее всего, при наведении на ul#direct li по идее должны примениться некие свойства, но! На ul#direct li:hover li эти же правила точно так же накладываются, так как ul#direct li = ul#direct li li = ul#direct li li li и так далее, но не на оборот!!!

2. ul#direct ul ul говорит о том, что в ul#direct вложен ul, в который, в свою очередь вложен еще один ul ( и далее, см. 1.), и именно третьему и последующим UL применятся указанные свойства CSS.

Спасибо за ссылку, почитаем. По пункту 1) думаю все понятно. По 2) не совсем.

Правило ul#direct ul: применится ко всем ul внутри ul#direct - это понятно.

Правильно ли я понял: ul#direct ul ul - применится только к ul последнего уровня в правиле(т.е. здесь иерархия уже имеет значение как и в дочерних селекторах в отличие от ul#direct ul)?

Пользуюсь доками от этого сайта.

Спасибо за ответы.

[Justnewone]

Правильно ли я понял: ul#direct ul ul - применится только к ul последнего уровня в правиле(т.е. здесь иерархия уже имеет значение как и в дочерних селекторах в отличие от ul#direct ul)?

Пользуюсь доками от этого сайта.

Спасибо за ответы.

Последнего уровня в правиле - да. В HTML к нему и всем его дальнейшим потомкам (если есть).

Edited October 22, 2009 by Justnewone

[denn]

Последнего уровня в правиле - да.

Но не к последнему уровню в html, если в ul#direct последовательно вставлено более 2-х UL

Спасибо, разобрался.