我对语义用户界面的导航栏样式有疑问。我喜欢在悬停时更改颜色和背景颜色并更改焦点。但我所做的一切都不会改变悬停。我只能使用 jQuery 来做到这一点,但这不应该是这个问题的解决方案。
这是我用于该部分的代码:
$(document).ready(function() {
$('.main.menu').visibility({
type: 'fixed'
});
})
;
a.nav.item:hover {
background: #1B1C1D;
color: #17AA1C;
}
<div class="ui borderless inverted stackable main menu">
<div class="ui text container">
<div href="#" class="header item">
<i class="code icon" id="myicon"></i>
Name
</div>
<a href="#" class="nav item">Me</a>
<a href="#" class="nav item">Current Projects</a>
<a href="#" class="nav item">Blog</a>
<a href="#" class="nav item">Contact</a>
</div>
</div>
最佳答案
您想要覆盖的样式与 .inverted 类链接。
例如,这将起作用。
.ui.inverted.menu .dropdown.item:hover,
.ui.inverted.menu .link.item:hover,
.ui.inverted.menu a.item:hover,
.ui.link.inverted.menu .item:hover {
background: #1B1C1D;
color: #17AA1C;
}
关于javascript - Semantic-ui 主菜单 CSS 悬停和焦点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36095895/