css - CSS - 从继承父样式中排除孩子

Question

我在一个 div 中有 3 个图像，它们是“carousel”类，它们是背景图像。我为它们定义了如下样式：

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