如何标记多个元素？

Question

这是我试图做的一些事情。

我有一个所有＆＃34; a＆＃34;标签具有蓝色链接样式。我有一个标题，其中包含一个链接，我想删除它的默认蓝色链接，并使其成为橙色。以下是它现在的样子：

<h1 class="site-name">
       <a href="/" title="Home" class="active">MySite.com</a>
</h1>

所以基本上我想写一些CSS来制作我的＆＃34; MySite.com＆＃34;有橙色，没有你熟悉的默认蓝色链接。我不想改变＆＃34; a＆＃34;风格，因为我不希望每个链接都有这个，只有这一个。

我设法通过这种方式设计部分方式，

h1.site-name {        
font-size:36px;
         text-decoration:none;
         color:#ff5312;
     }

然而，我在css中看到它使用firebug更新，但它并没有改变链接颜色。然后我试过

h1.site-name.a

但那并没有奏效。我需要做些什么来达到这个目标＆＃34; a＆＃34;标签在这里，但只有这个标签，使它看起来像我想要的方式？

感谢您的任何见解。

Answer 1

将h1.site-name.a替换为

h1.site-name a

您不需要将.放在此处。因为它不是class，所以它是一个标记。

 h1.site-name a{        
     font-size:36px;
     text-decoration:none;
     color:red;
 }

Answer 2

h1.site-name a或.site-name a

Answer 3

尝试使用h1.site-name a代替h1.site-name.a

h1.site-name a{        
font-size:36px;
         text-decoration:none;
         color:red;
     }

Answer 4

试试这个：

h1.site-name a {        
         font-size:36px;
         text-decoration:none;
         color:red;
     }

这会在<a></a>旁边找到<h1></h1>标记。