样式化个人 li id

Question

我一直在尝试在我的导航菜单中设置 link 'Devoted' 的样式，但没有成功。竟然跑这么远去试试!important。

我只想更改文本颜色。

{color: #DA9B4F}

这是该项目的 li id。

<li id='nav-menu-item-219' class="menu-item menu-item-type-custom menu-item-object-custom narrow">

有问题的站点目前是 242community.anchoragehosting.com。

Answer 1

如果您在GoogleChrome中打开页面，您可以右键单击'Devoted'菜单并单击检查元素。然后您会看到 li 包含一个 a，其中包含一个 span。要更改文本颜色，只需设置 span 元素的样式，如下所示：

#nav-menu-item-219 a span {
    color: #DA9B4F;
}

Answer 2

尝试这样的事情：

ul {
    list-style: none;
    padding:0;
    margin:0;
}

li#nav-menu-item-219 { 
    color: #DA9B4F;
}

li:before {
    content: "• ";
    color: red;
}

<ul>
    <li>Foo</li>
    <li id="nav-menu-item-219">Bar</li>
    <li>Foo2</li>
</ul>

样式化个人 li id

Styling individual li id

html

css

nav