图像：悬停到完全不透明度，但只在一个div内？

Question

我只在我的网站上为我的照片创建了一个页面。我把它们放在自己的div中，就像这样......

<div id="imghover">
        <img src="images/Promo.jpg" height="200px" /><img src="images/Promo2.jpg" height="200px" />
    </div>

未触及，它们的不透明度为0.4，但当您悬停时，它们的不透明度为1.0。像这样......

img {
        opacity: 0.4;
        filter: alpha(opacity=40);
        margin-right: 30px;
    }

    img:hover { 
        opacity: 1.0;
        filter: alpha(opacity=100);
    }

问题是......我的徽标的img也响应了风格，我不想要它。我以为我可以这样写：

img:hover#imghover {

但它似乎没有用。我知道这可能很简单，但我是初学者。任何人都可以帮助我吗？

Answer 1

你很亲密。问题在于选择者的特殊性和顺序。

<强> CSS：

#imghover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  margin-right: 30px;
}

#imghover img:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
}