CSS - 상속 상위 스타일에서 하위 제외

Question

div에 3 개의 이미지가 있고 배경 이미지 인 "회전식 슬라이드 쇼"클래스가 있습니다.

:이 스타일을 적용해야 다음 스타일과 같은 수준의 회전 목마 (예 : 로고 이미지)와 사업부 내 다른 이미지에 적용하지 않으

.carousel img { 
    position: absolute; 
    top: 0; 
    left: 0; 
    min-width: 100%; 
    height: 500px; 
} 

다음과 같이 내가 그들을 위해 스타일을 정의한

.logo img{ 
    max-width: 100%; 
    height: auto; 
    border: 0; 
    -ms-interpolation-mode: bicubic; 
} 

내 HTML은 다음과 같습니다. - 로고 이미지를 제외시켜 어떻게 .carousel img 스타일을 사용하지 못하게 할 수 있습니까? 재정의를 시도했지만 모든 속성이 2 가지 스타일 정의간에 동일하지 않으므로 속성 중 일부가 여전히 부모 (.carousel img)에서 적용됩니다.

<div id="myCarousel" class="carousel"> 
    <img src="/resources/images/background.jpg"/>" /> 
    <div class="container"> 
     <div class="span5"> 
      <div class="logo"> 
       <a href="/" title="xxx"> 
        <img src="/resources/images/logo.png"/> 
       </a>         
      </div> 

Answer 1

IMG 태그에 클래스 이름을 지정하고 직접 타겟팅하십시오.

.logo img.thisStyle { 
    max-width: 100%; 
    height: auto; 
    border: 0; 
    -ms-interpolation-mode: bicubic; 
}