0

私の左矢印と右矢印の画像が、クラスで行われたCSSの変更を受けていないのはなぜですか?

HTML

<div class="carousel-controls">
    <div class="carousel-prev"><a href="#" >
          <img src="http://localhost:4316/images/Left.png" alt="Previous"/></a></div>
    <div class="carousel-next"><a href="#">
          <img src="http://localhost:4316/images/Right.png" alt="Next" /></a></div>
  </div>

CSS

#waterwheel-carousel-default .carousel-controls .carousel-prev {
position:absolute;
bottom:190px;
left:180px;
height:30px;
width:30px;
border:0px solid black;
}

#waterwheel-carousel-default .carousel-controls .carousel-next {
position:absolute;
bottom:190px;
right:150px;
height:30px;
width:30px;
border:0px solid black;
}
4

3 に答える 3

2

img要素自体に特定のスタイルを適用する必要があります。

たとえば、画像に境界線が表示されるという問題がある場合は、次のことを行う必要があります。

#waterwheel-carousel-default .carousel-controls img {
   border:0;
}

このルールが両方に適用されるように、セレクターに.carousel-prevorを含めていないことに注意してください。.carousel-next

于 2012-10-10T12:38:56.967 に答える
2

imageこのようにターゲットにする必要があります

#waterwheel-carousel-default .carousel-controls .carousel-prev img

デモ

于 2012-10-10T12:39:02.893 に答える
1

img タグではなく div を設計したからです。追加する必要があります

#waterwheel-carousel-default .carousel-controls .carousel-prev img {
...
}

#waterwheel-carousel-default .carousel-controls .carousel-next img {
...
}
于 2012-10-10T12:40:21.127 に答える