标签类无法正常工作

Question

我有一个A标签,我正在尝试添加一个类.这可能是非常简单的东西,但我以前从未这样做过.

<a class="button" href="landscaping.html">Find out more about our landscape design services</a>

而CSS:

a .button{
color:#7cc242;
font-family: 'PTSansNarrowBold';
font-size:18px;
margin-top: 7px;
margin-bottom: 0px;
text-align:right;
text-decoration:none;
display: inline-block;
zoom:1;
*display:inline;
padding-right:30px;
background:url(images/more-btn.png) no-repeat top right;}

似乎没有什么工作,我只是得到了标准的蓝色.有人可以帮忙吗？

Answer 1

应该没有空间!请更换:

a .button{

至:

a.button{

在这里查看小提琴:http://jsfiddle.net/VhaNQ/

Answer 2

您在 CSS 中所说的是“我希望所有标签中具有 class 的所有孩子button都a使用下一个 CSS 规则”。

您需要说的是“我希望a用 class标记button以使用下一个 CSS 规则”。

这是通过编写下一个 CSS 来实现的：

a.button{
  color:#7cc242;
  font-family: 'PTSansNarrowBold';
  font-size:18px;
  margin-top: 7px;
  margin-bottom: 0px;
  text-align:right;
  text-decoration:none;
  display: inline-block;
  zoom:1;
  *display:inline;
  padding-right:30px;
  background:url(images/more-btn.png) no-repeat top right;
}

注意和之间没有空格a.button

标签/类/ID 之间的空格表示“元素的子元素”。

祝你好运 ：）