Почему меню не выстраивается в горизонтальный ряд, написано же display:inline;?


Это сообщение отредактировал(а) GQU - 16.6.2011, 18:27

во-первых, проблема в тэгах вводящих сумятицу
а display: inline задано ссылке, а не элементу списка li, который остаётся по-умолчанию блоковым

А почему нужно задавать display: inline именно элементу li?

Это сообщение отредактировал(а) GQU - 16.6.2011, 20:19

дык, он же блочный. по-умолчанию он выстраивается в вертикальный список.
а ссылка и так по-умолчанию inline (в строку), но она же в блоке li.

 
А вот есть же такое правило, что каждое следующее значение стиля дочернего элемента, перекрывает значение такого же стиля у его родительского элемента.
Смотрим наш пример:
<а>является дочерним для<li>, поэтому можно <а> присвоить inline и по правилу выше inline присваивается и <li>
Почему так не происодит?

, для дочернего элемента

имеется в виду, что если задать цвет текста для <body> красным, то он будет красным для всех элементов. но если для <p> задать другой цвет, то он перекроет тот, что идёт от <body>. но никак не перепишет цвет для всего <body>. что, если здраво подумать, очень даже хорошо.

однако, правило даже так далеко не полное. так как есть наследуемые стили, вроде цвета, а есть не наследуемые в неявном виде.
к примеру, если задать для 

div { display: block; color: #ffff00; }

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

div * { display: block; color: #ffff00; }

Имеется в виду, что любой явно заданный стиль потомка приоритетнее стиля, унаследованного от предка. Не наоборот. "Дети" на "родителей" в CSS напрямую не влияют (кроме, пожалуй, нюансов с наложением маргинов, но это совсем другая песня).