Question

我有一个基于锚点和隐藏图像的css图片库，如下所示。

#gallery {
    overflow: hidden;
}

画廊：

<div id="gallery">
  <ul id="gallery-interior">
    <li id="one"><a href="#two"><img src="../images/intro.jpg"></a></li>
    <li id="two"><a href="#three"><img src="../images/detail.jpg"></a></li>

此图库下方还有缩略图，引用列表中的锚点以单独选择图像，如下所示

<div class='thumbs'>
  <a href="#one"><img src="../images/intro_thumb.jpg"></a>
  <a href="#two"><img src="../images/detail_thumb.jpg"></a>
</div>

...并且这些拇指的样式可以根据选择进行更改，如下所示

.thumbs a:active img,
.thumbs a:focus img,
{
    opacity:0.65;
    -moz-opacity:0.65;
    filter:alpha(opacity=65;
)

这一切都按预期工作，但是当拇指通过改变不透明度来响应选择时，我希望它们也会因为点击列表中的链接而改变，即点击<a href="#two"> at <li id="one">会导致＆＃39; detail_thumb.jpg＆＃39;变得不透明。

我认为这里需要一个CSS组合器，但是不清楚从列表链接（.thumbs a:active img）

应用<li id="one"><a href="#two"><img src="../images/intro.jpg"></a></li>选择器的语法是什么

更新：是否有适用的JavaScript解决方案，因为我没有指定纯CSS？

在div'd无序列表中的Css组合器 - javascript？

0 个答案: