css - font-weight 在无序列表中被继承

Question

我对字体粗细有疑问：粗体被继承到该列表项中的嵌套链接。

我只希望具有“选定”类的 li 元素中的那些链接是粗体的。

http://jsfiddle.net/lasseedsvik/aDQfL/

HTML：

<ul class="submenu">
<li class="submenu-root-node selected">
    <a href="/first">first</a>
    <ul class="submenu-submenu-container">
        <li class="submenu-sub-item">
            <a href="/second">second</a>
        </li>
    </ul>
</li>
    <li class="submenu-root-node">
        <a href="/third">third</a>
    </li>
</ul>

CSS：

.submenu a
{
    color: #000;
    font-size: 16px;
    text-decoration: none;
}

.submenu li.selected a
{
    font-weight: bold;
}

.submenu-sub-item a {
    font-weight: normal;
}

我更喜欢只在 css 中执行此操作，因为无序列表是在服务器端生成的。

Answer 1

尝试这个

http://jsfiddle.net/aDQfL/2/

.submenu a
{
    color: #000;
    font-size: 16px;
    text-decoration: none;
}

 li.selected > a
{
    font-weight: bold;
}