Javascript 目标';切换';引导导航中的链接
我正在使用Bootstrap3框架创建nag。我可以用css定位常规中堂,但当链接处于切换/移动模式时,似乎无法定位链接。*我正在使用引导CDN。从主人那里带来的 HTMLJavascript 目标';切换';引导导航中的链接,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我正在使用Bootstrap3框架创建nag。我可以用css定位常规中堂,但当链接处于切换/移动模式时,似乎无法定位链接。*我正在使用引导CDN。从主人那里带来的 HTML 我需要做哪些css更改才能设置下拉链接属性的样式一个带有下拉列表的简单引导导航栏具有以下结构: <li class="dropdown open"> <a aria-expanded="true" href="#lala" class="dropdown-toggle" data-toggle="d
我需要做哪些css更改才能设置下拉链接属性的样式一个带有下拉列表的简单引导导航栏具有以下结构:
<li class="dropdown open">
<a aria-expanded="true" href="#lala" class="dropdown-toggle" data-toggle="dropdown">
Java
<b class="caret"></b>
</a>
<ul class="dropdown-menu" role="listbox">
<li><a href="#lala1" role="option">jmeter</a></li>
<li><a href="#lala2" role="option">EJB</a></li>
<li><a href="#lala3" role="option">Jasper Report</a></li>
<li><a href="#" role="option">One more separated link</a></li>
</ul>
</li>
悬停和焦点样式如下所示:
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
color: #262626;
text-decoration: none;
background-color: #F5F5F5;
}
请注意引导程序是如何使用选择器的,而您不是
同样在移动模式下,引导选择器更改如下:
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
color: #333;
background-color: transparent;
}
因此,您可能可以执行以下操作:
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
// your code goes here .
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
// your code goes here .
}
问题是什么?很抱歉,问题就在CSS上方,CSS在切换模式下不会影响链接,我将其与Wordpress一起使用,因此代码中涉及php等。我试过你用过的密码没有avail@user3550879你的网站上线了吗?你能分享一个链接吗?不幸的是我没有,它仍然在本地host@user3550879您可以发布开发人员工具生成的HTML吗,只有导航条形码!
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
color: #262626;
text-decoration: none;
background-color: #F5F5F5;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
// your code goes here .
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
// your code goes here .
}