我有一个非常简单的页面,其中包含标准的引导导航,在小屏幕上会折叠。在导航栏的正下方,我有一个div,我不想显示它是否li
具有CSS
class dropdown open
。是否可以CSS
仅通过此方式执行此操作,还是我必须沿着这jQuery/Javascript
条路线走?
.navbar-nav > li.dropdown.open {
/*How can I hide the div class="inner-details" here*/
}
如果dropdown元素未与其他元素包装在一起,则可以使用相邻的同级选择器,如下所示:
li.dropdown.open + .inner-details {
display: none;
}
否则,您可以使用负边距和z-index进行技巧,有效地从其后的下拉菜单下方滑动内容,但这确实会导致布局混乱。
使用JavaScript没有什么坏处。如果我没记错的话,Bootstrap本身会将其用于导航。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句