在 HTML 中设置 ul 标签的颜色

Question

在下面的代码中，我想设置@HTML的颜色。授权为红色。 当我这样做<ul style="color: red;">它对我不起作用。

<li><a><i class="glyph-icon icon-folder-open-alt" style="color: #009900;"></i><span><b><font color="#111111">@Resources.LanguageStrings.WorkOrders</font></b></span></a>
        <ul>
            @Html.AuthorizedLink(Url.Action("IndexSite", "WorkOrder"), "Company Work Orders", user.IsInRole(SystemRoles.SystemAdmin | SystemRoles.CompanyAdmin | SystemRoles.CompanyEditor | SystemRoles.SupervisorUnlimited | SystemRoles.SupervisorLimited | SystemRoles.DemoAdmin))          
        </ul>
        </li>

您能否建议正确的方法是什么？

Answer 1

您的标记看起来有点格式不正确。 它应该是以下内容。

<ul>
   <li>Authorised</li>
</ul>

您

看不到红色文本的原因是您正在设置无序列表的样式，而不是列表项的样式。

ul li {
   color: red;
}

您可能还希望选择第一个子项或为li项指定一个类，以便它不会影响其他列表项 如果您决定添加更多列表项，则可以使用 first-child 选择器来实现此目的。

ul li:first-child {
   color: red;
}

<ul>
   <li>Authorised</li>
   <li>Darren Test</li>
   <li>Darren Test 2</li>
</ul>

作为附加说明，尽量不要使用内联样式，将其分离到CSS样式表中，这将有助于维护您的应用程序。

Answer 2

从你的代码中我不太确定，这是你想做的吗？

    <li><a><i class="glyph-icon icon-folder-open-alt" style="color: #009900;"></i><span><b><font color="#111111">@Resources.LanguageStrings.WorkOrders</font></b></span></a>
        <ul>
            <li style="color: red;">
            @Html.AuthorizedLink(Url.Action("IndexSite", "WorkOrder"), "Company Work Orders", user.IsInRole(SystemRoles.SystemAdmin | SystemRoles.CompanyAdmin | SystemRoles.CompanyEditor | SystemRoles.SupervisorUnlimited | SystemRoles.SupervisorLimited | SystemRoles.DemoAdmin))          
             </li>
        </ul>
    </li>

Answer 3

<li><a><i class="glyph-icon icon-folder-open-alt" style="color: #009900;"></i><span><b><font color="#111111">@Resources.LanguageStrings.WorkOrders</font></b></span></a>
        <ul>
            @Html.AuthorizedLink(Url.Action("IndexSite", "WorkOrder"), "Company Work Orders", user.IsInRole(SystemRoles.SystemAdmin | SystemRoles.CompanyAdmin | SystemRoles.CompanyEditor | SystemRoles.SupervisorUnlimited | SystemRoles.SupervisorLimited | SystemRoles.DemoAdmin), new { Style="color:red" })          
        </ul>
        </li>