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

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 {}

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