Bootstrap轮播自定义css无法使用id

Question

当我使用id或特定的类选择器时，我似乎无法通过我的轮播来覆盖引导程序。

当我使用（例如）.carousel-inner .active.left时，它完美无缺 - ＆gt; here

但是，我只想定位#carousel，因为我尝试在同一页面上使用多个轮播，但是当我使用（例如）#carousel .carousel-inner .active.left时它停止工作 - ＆gt; here

我已将此问题与我的css问题隔离开来，但我无法理解为什么它不起作用。

Answer 1

将其更改为！important 以覆盖css：

#carousel .carousel-control.left!important, #carousel .carousel-control.right!important {
    background-image:none;
    visibility: hidden;
}

http://www.bootply.com/1Fdenz6jQ2

Answer 2

在尝试了似乎所有事情之后，我终于找到了我的解决方案：

我需要添加

#carousel .carousel-inner .next.left, 
#carousel .carousel-inner .prev.right {
    left:0;
}

显然，使用id它会覆盖bootstrap的css设置的这个样式，所以我需要把它重新放入。

还要感谢RoToRa指出我可以删除html中的控件而不是将它们隐藏在css中。

Demo