css - 在此特定 html 结构中使用 css 设置样式链接

Question

如何在此 html 结构下使用类 selected 设置链接样式

<li class="submenu_items" style="display: list-item;">
        <ul>
            <li>
                <a class="selected" href="/page">Page</a>
            </li>
        </ul>
    </li>

Answer 1

这应该为你做:

.submenu_items ul li a.selected{
     /* your CSS properties here */
}

您还可以使用 > 运算符来 denote a direct descendant .

如何定位 .selected 链接有多种变体，我还建议您查看 MDN article on CSS specificity