css - 引导CSS使用id标签

我如何才能使此代码仅在id等于myCarousel时起作用？我正在使用引导程序。

我尝试添加#myCarousel标签，但没有成功。

.carousel {
  margin-top: -20px;
  height: 675px;
  margin-bottom: 70px;
}

.carousel-caption {
  z-index: 10;
  height: 350px;
}

.carousel .item {
  height: 675px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 675px;
}

最佳答案

假设轮播同时具有ID myCarousel和类carousel，则可以将它们组合在一起而它们之间没有任何空格：

#myCarousel.carousel {
  ...
}

#myCarousel.carousel-caption {
  ...
}

#myCarousel.carousel .item {
  ...
}
#myCarousel .carousel-inner > .item > img {
  ...
}

对于最后一个（.carousel-inner），我假设它是#myCarousel的子级，因此它们之间有一个空格。

有关此的更多信息，请参见https://css-tricks.com/multiple-class-id-selectors/