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

我认为经过研究后我发现了。看起来，只要找到具有该特定值的确切图像源，特定的属性选择器在这里就可以很好地工作。谢谢您的帮助！

使用CSS选择嵌套元素

1 个答案: