Потерять связь из родительской границы CSS-цвета - PullRequest
Новая
       15

Потерять связь из родительской границы CSS-цвета

1 голос
/ 30 января 2011

Мне нужно, чтобы мои ссылки в подменю имели другой цвет границы, чем родительский список.

Мое меню 

<ul id="menu">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="menuActive"><a href="#">Link</a>
    <ul class='children'>
        <li><a href="#">subLink</a></li>
        <li><a href="#">subLink</a></li>
        <li><a href="#">subLink</a></li>
    </ul>
</li>
</ul>

Мой CSS: 

#menu li a{
border-bottom-width:2px;
border-bottom-style:solid;
border-bottom-color:red;
text-decoration:none;
}

.children li a{
border-bottom-color:blue;
background:lightgray;
}

Как видите, мои подлинки получают красную рамку, как можно установить синие только для них? См. В jsFiddle

Ответы [ 2 ]

0 голосов
/ 30 января 2011

Использование #menu .children a.

Это проблема, касающаяся специфичности .

Live Demo

0 голосов
/ 30 января 2011

Вам нужно прочитать о специфике CSS http://css -tricks.com / specics-on-css-специфичность /

...