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樣式？我嘗試覆蓋，但不是所有的屬性都是相同的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; 
}