идентификатор "перекрывает" класс..

[asp.]

Столкнулся с такой проблемой

  <div  id = "main_menu">				 
				<li><a href = "#">22222222</a></li>
				<li><a href = "#">22222222</a></li>
	    <div  class = "sub_menu">			
				<li><a href = "#">111111111</a></li>
				<li><a href = "#">111111111</a></li>
	    </div>

                </div>

Как бы поподробней изложить суть... присваиваю например красный цвет идентификатору main_menu а классу sub_menu синий, в итоге цвет у всех ссылок красный. Не могу понять в чем проблема, уже 3 часа голову ломаю. Спасибо.

[Justnewone]

Вас выручит firebug

[asp.]

я все равно не могу понять как сделать так чтобы #mail_menu не применялся к блокам у которых свои идентификаторы или классы (firebug мне помочь не смог)

[Int]

firebug хотя бы показывает, от кого унаследовано свойство.

#sub_menu a
{
color:#00F !important;
}

А я вот не знаю, li можно использовать не внутри ul/ol?

Ещё говорили, что пробел вокруг знака равенства противопоказан

Edited April 7, 2010 by Int

[asp.]

спасибо всем) теперь разобрался)))

[s0rr0w]

1. А я вот не знаю, li можно использовать не внутри ul/ol?

2. Ещё говорили, что пробел вокруг знака равенства противопоказан

1. Нельзя.

2. Можно спокойно ставить пробелы. Не запрещено.

Надыбал неплохой "справочник" по структуре SGML

http://xml.coverpages.org/sgmlsyn/sgmlsyn.htm