4

是否有选择器组合允许我访问 :target selected image1 之后的缩略图列表？

ps如果这将有助于缩略图列表可以作为最后一个元素移动到图库列表中......那么也许我可以以某种方式使用~选择器？

<div id="gallery-list">

    <div>
      <div id="thumbnail"> <a href="#image1"><img src="image1_thumb.png"></a> </div>
      <div id="image1" class="overlay"><img src="image1.png"></div>
    </div>

    <div id="I_WANT_TO_SHOW_THIS_ALONG_WITH_image1_OVERLAY" class="thumbnail-list">
        <img src="image1_thumb_mini.png">
    </div>

</div>
4

2 回答 2

4

ps如果这将有助于缩略图列表可以作为最后一个元素移动到图库列表中......那么也许我可以以某种方式使用~选择器？

像兄弟姐妹一样#image1？如果是这样，是的，这将起作用。您将使用的选择器将是#image1:target ~ .thumbnail-list. 要么删除div没有类的父类，要么在需要时.thumbnail-list移入该类。div

但是对于您当前的结构，这是不可能的，因为它是 的父级的.thumbnail-list兄弟，并且没有父级选择器。#image1

于 2013-11-03T07:49:39.433 回答
2

#image1:target ~ .thumbnail-list如果您像这样更改 HTML，则可以使用此选择器：

<div id="gallery-list">
    <div>
      <div id="thumbnail"> 
           <a href="#image1"><img src="image1_thumb.png"></a> 
      </div>

      <div id="image1" class="overlay">
           <img src="image1.png">
      </div>

      <div id="I_WANT_TO_SHOW_THIS_ALONG_WITH_image1_OVERLAY" class="thumbnail-list">
        <img src="image1_thumb_mini.png">
      </div>

    </div>
</div>
于 2013-11-03T07:54:55.140 回答