Question

我正在尝试使用CSS中的访问功能来更改导航栏中所选项目的字体，但不适用于我的应用程序。我可以使用其他解决方案吗？这是我当前的脚本：

 <style>
    .navbar-header:visited {
        color: red;
    }
</style>


 <html>
 <body>

 <div class="navbar">
    <div class="container" style="border-style: groove;">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            @Html.ActionLink("Home", "Main", "Home", new { area = "" }, new { @class = "navbar-brand", style = "color: #8C8D8E;" })
            @Html.ActionLink("Name List", "Name", "Home", new { area = "" }, new { @class = "navbar-brand", style = "color: #8C8D8E;" })
            @Html.ActionLink("Details", "Details", "Home", new { area = "" }, new { @class = "navbar-brand", style = "color: #8C8D8E;" }     
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav"></ul>
        </div>
    </div>
</div>

 </html>
 </body>

任何建议/评论TIA

Answer 1

您尝试使用的特定样式不应在标头上使用，而应在包含在其中的锚标签上使用。

因此，您只需要进行一点更改：

.navbar-header a:visited {
        color: red;
    }

这是因为您的DIV没有href，因此无法访问它。锚标记控制着页面的重定向。

另外，由于您创建操作链接，然后在其中放置内联样式，因此优先于CSS external links.

您必须从动作创建中删除样式，然后可以通过将相同样式放在类中来解决问题。

@Html.ActionLink("Home", "Main", "Home", new { area = "" }, new { @class = "navbar-brand" })

上面，您可以看到以示例的方式删除了样式。然后，您只需要添加以下CSS。

.navbar-brand {
        color: #8C8D8E;
    }

更改导航栏中所选项目的字体颜色

1 个答案: