css - Simple xxx yyy { } CSS 选择器不起作用 - 为什么？

Question

我有一个看似简单的 html 构造:

<div class="featured-image img-wrapper full-width">
  <a href="http://localhost/wordpress/?p=26">
    <img ... />
  </a>
</div>

现在我想定位 a(不幸的是它没有自己的类)，所以我使用这个 CSS

.img-wrapper a {
  background-image:url(../images/bkgs/stripes_tiny_08.png);
  background-repeat:repeat;
}

但是这个 a 元素没有任何反应!肯定不是背景图片本身，也尝试了简单的颜色。奇怪的是:页面上方还有另一个类似的构造，选择器在那里工作!Firebug 显示以下 CSS 路径(目标 a 在末尾)

working: html.js body.single div#page.wrap div#main-container.container div#primary.site-content div#content article#post-26.post-26 div.featured-image a.img-link
not wrk: html.js body.single div#page.wrap div#main-container.container div#primary.site-content div#content aside#yarpp_widget-2.widget div.bloglist article.post div.three div.featured-image a

我没主意了。还没有找到任何重写的 CSS 声明。知道我该如何定位吗？

编辑:目标 a 包含一个具有 :hover 不透明度集的 img。这样我就可以看到背景颜色有效，但是背景图像无效

Answer 1

你是想做这个效果吗？ http://jsfiddle.net/r48ST/1/

[编辑]:这就是效果 http://jsfiddle.net/r48ST/2/ ，只是在图像上添加了一些不透明度。此外，在不透明度上添加一些过渡效果，这样您就可以完全发挥效果。