ブートストラップidタグのCSS使用

Question

idがmyCarouselと等しい場合、このコードを動作させるにはどうすればよいですか？途中でブートストラップを使っています。

#myCarouselタグを追加しようとしましたが、動作しませんでした。私はそれがの子だと仮定

#myCarousel.carousel { 
    ... 
} 

#myCarousel.carousel-caption { 
    ... 
} 

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

最後の1（.carousel-inner）の場合：カルーセルと仮定すると

は

.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; 
} 

Answer 1

ID myCarousel、あなたはちょうどそれらの間に隙間なく、それらを組み合わせることができますcarouselクラスの両方を持っています#myCarousel、その間にスペースがあります。この詳細については

は、次のようなhttps://css-tricks.com/multiple-class-id-selectors/

Answer 2

何かがID myCarouselだけでなく、上で定義したクラスを持っているHTML要素が必要になります参照してください。

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

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

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