CSS - Исключить дочерний элемент из унаследованного родительского стиля

Question

У меня есть 3 изображения в div с классом «карусель», которые являются фоновыми изображениями. Я определил стиль для них следующим образом:

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

Я не хочу этот стиль, чтобы применить к другому изображению в DIV с классом каруселью (т.е. логотип изображения) в качестве следующего стиля следует применять:

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

Мой HTML выглядит следующим образом: как я могу исключить образ логотипа, чтобы он не использовал стиль .carousel img? Я попытался переопределить, но не все свойства одинаковы между определениями двух стилей, поэтому некоторые свойства все еще вступают в силу с родительского (.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; 
}