Question

我使用bootstrap来编码website，我希望更改导航栏中某些特定链接的背景颜色。

我的左侧链接具有正常的背景颜色，但是在右侧我有另一组链接，我想更多地突出（即背景为另一种颜色）。

我不是要寻找要更改的悬停或活动颜色，只是该部分中导航栏的背景颜色。

Answer 1

因此，如果您想将整个导航栏更改为您可以在css中执行的相同颜色：

ul.navbar-right {
 background-color: red;
}

红色就是例如。如果你想要五个每个menupoint另一种颜色，你可以为每个menuitem本身这样做：

li.menu-item-810 {
 background-color: red;
}

li.menu-item-811 {
 background-color: blue;
}

li.menu-item-812 {
 background-color: green;
}

将来请记得为您的问题提供一些代码，以便会员更容易为您提供帮助。

Answer 2

您可以添加以下css类。根据您的要求更改背景颜色的值。

.menu-primary-right li.menu-item-810 {
 background-color: red;
}

.menu-primary-right li.menu-item-811 {
 background-color: blue;
}

.menu-primary-right li.menu-item-812 {
 background-color: green;
}

Answer 3

你可以添加以下css，它会改变它。

.menu-item-object-page menu-item-810 {
     background-color: /*color you like*/;
    }
 .menu-item-object-page menu-item-811 {
     background-color: /*color you like*/;
    }
 .menu-item-object-page menu-item-812 {
     background-color: /*color you like*/;
    }

或者你把它们放在一起并给它们一个你想要的课程并做一些像这样的事情：

.your chosen class {
 background-color: /*color you like*/;
}

如果您将3个链接放在div中，可以通过更改一行代码来更改颜色。

改变特定链接背景的颜色 - 引导程序

3 个答案: