Question

在下面的代码中，我想将@ HTML.Authorized的颜色设置为红色。当我做<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来实现此目的选择器。

＆＃13;

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

＆＃13;

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

＆＃13;

另外请注意，尽量不要使用内联样式，将其分成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>

在HTML中设置ul标签的颜色。

3 个答案: