Правила не перекрываются

[KukMan]

****<div id="left">
 *
*****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****<li id="select">[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *****
[Только зарегистрированные пользователи могут видеть ссылки. ]
 *
****</div>

Есть такой список с ссылками. мне нужно, чтобы текущая страница отображалась по инному. Я пишу такой код

#left ul {margin:0px;padding:0px;list-style:none;width:245px;margin-bottom:20px;}
#left ul li {padding-left:32px;background:transparent url('images/list.gif') 3% 50% no-repeat;border-bottom:solid 1px #ccc;margin:0px 0;padding-bottom:6px;padding-top:2px;}
#left ul li a {color:#336699;font:bold 10pt Arial;}
#select{background:transparent url('images/list.gif') 3% 50% no-repeat;border-top:solid 1px #ccc;border-bottom:solid 2px #ccc;}
#select a{color:#999999;}

По идее, все должно быть правильно,[*] с id="select" и <a> в нем должны изменится, но они не изменяются. остается старое значение. Решений этой проблемы не вижу. помогите

[Aykroyd]

Originally posted by KukMan@Aug 25 2007, 15:55
По идее, все должно быть правильно,[*] с id="select" и <a> в нем должны изменится
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

По идее как раз и не должны. И логическое объяснение самое, что ни на есть, прямое и очевидное...

Третье правило каскадности:

Стили для бoлee cпeцифичнoгo кoнтeкcтa, имeют бoльший пpиopитeт, чeм стили для мeнee cпeцифичнoгo кoнтeкcтa.

Если короче, то #left ul li#select {} и #left ul li#select a {} будут работать...

[KukMan]

спасибо огромное. выручили...