html - 如何获得正确的选择器来设置此图像的样式？

Question

我正在尝试在此处设置图像样式：

<div id="site-title">
<a href="http://**.com/" rel="home">
<img src="http://**.com/wp-content/uploads/2013/05/transparent-logo.png" alt="" width="369" height="66">
</a>
<a class="home" href="http://**.com/" rel="home"></a>
</div>

我尝试使用选择器

#site-title a img {
}

但这似乎并没有访问图像。我究竟做错了什么？

Answer 1

利用

#site-title img { /* Your styles here*/ }

Answer 2

id 选择器

id 选择器用于为单个唯一元素指定样式。

id 选择器使用 HTML 元素的 id 属性，并用“#”定义。

下面的样式规则将应用于 id="InHereWeAreUsingId" 的元素：

http://www.w3schools.com/cssref/sel_id.asp

http://www.w3.org/TR/CSS2/selector.html

http://www.w3schools.com/css/css_id_class.asp

HTML

<div id="InHereWeAreUsingId">In Here We are using a Id to Identify this div </div>

CSS

#InHereWeAreUsingId
{
text-align:center;
color:red;

}

所以在你的问题中

HTML

<div id="site-title">
<a href="http://**.com/" rel="home">
<img src="http://**.com/wp-content/uploads/2013/05/transparent-logo.png" alt="" width="369" height="66">
</a>
<a class="home" href="http://**.com/" rel="home"></a>
</div>

CSS

#site-title > img{




}

Answer 3

看起来您可能已经修改了您的问题以修复先前答案提出的错字。

#site-title a img {}

如果您的选择器以这种方式格式化，它应该可以工作。