html - 使用 CSS 选择嵌套元素

Question

我正在尝试选择一个共享类的特定元素，但我似乎无法找出最佳方式来登陆该元素的特定条目。我需要能够隐藏现有照片(pic2.jpg) 并在背景中插入另一个 (pic3.jpg) 作为同一空间的替换。

我试过使用第 n 个子选择器并对其进行修改，但无济于事。我也尝试过使用多个不同的类作为选择器，但似乎对我在选择器中包含哪个类感到困惑。我的直觉告诉我这样做: #make 本田 #make-image {display:none...}

<h1>...</h1>
<ul class="makes">
    <li class="make Toyota">
        <a href="#">
        <img class="make-image" src="pic1.jpg">
        <div class="make-info">
          <img class="make-logo" src="pic1.png">
          <h3 class="make-name">Can-Am®</h3>
          <div class="clearall"></div>
        </div>
        </a>
    </li>
    <li class="make Honda">
        <a href="#">
        <img class="make-image" src="pic2.jpg">
        <div class="make-info">
          <img class="make-logo" src="pic2.png">
          <h3 class="make-name">Honda</h3>
          <div class="clearall"></div>
        </div>
        </a>
    </li>

它应该允许我将现有图像移出屏幕以替换为另一个图像作为背景图像，但是，选择器问题最为重要。

Answer 1

经过一番研究，我想我明白了。看起来特定的属性选择器在这里工作得很好，只需找到具有该特定值的确切图像源。感谢您的帮助!