gpt4 book ai didi

css - 在 Bootstrap 中更改 css

转载 作者:行者123 更新时间:2023-11-28 18:07:19 25 4
gpt4 key购买 nike

我想在悬停效果时将导航栏链接的颜色更改为橙​​色。我试过这样做,但没有用。帮助,因为我是 bootstrapping 的新手,我不知道如何在 twitter bootstrap 中正确添加我们自己的 css

<head runat="server">
<title>My Bootstraping </title>
<link href="content/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

<style type = "text/css">
a:hover
{
background-color: Orange;
}


</style>
<asp:ContentPlaceHolder ID="head" runat="server"> </asp:ContentPlaceHolder>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<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>
<a class="navbar-brand" href="#">Project name</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="Default.aspx">Home</a></li>
<li><a href = "About.aspx" > About </a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>

<div class="container">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>
</div>
</body>
</html>

最佳答案

您的样式可能没有更高的“样式规则优先级”。

为了覆盖 twitter bootstrap 的 a:hover,您需要在选择器中更加具体。这很可能足以覆盖 twitter bootstrap 的 a:hover

.navbar .container .nav a:hover {
background-color: orange;
}

关于css - 在 Bootstrap 中更改 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19350128/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com