如何更改只有一个引导弹出窗口的背景颜色

Question

我已应用弹出窗口的背景颜色。

问题是，如何更改使用css的弹出窗口的背景颜色。

a.top > .popover { 
    background-color:red; 
} 

My code is add here

感谢您的帮助提前

Answer 1

添加自定义类a

HTML

<a data-content="Content" data-placement="top" data-toggle="popover" title="" href="#" data-original-title="Header" class="test">top</a> 

CSS

.test + .popover.top { 
    background-color: red; 
} 

Answer 2

这非常适用

.popover.fade.top.in{background-color:white;} 
.popover.fade.bottom.in{background-color:red;} 
.popover.fade.left.in{background-color:yellow;} 
.popover.fade.right.in{background-color:green;} 

改变颜色要改变。

jsfiddle demo

Answer 3

有两种方法来解决这个问题：

1. 添加类到一个酥料饼的元素，并使用在你的CSS这个类（确保你后添加它注重它标准样式被​​用于所有其他的弹出）。

2. 风格只此一家酥料饼的计数。如果您确实知道它相对于DOM中的其他弹出窗口的位置，则可以使用nth-of-type或nth-child选择器来选择它。这是一个美妙的文章，解释整个概念：http://alistapart.com/article/quantity-queries-for-css