3

我有一个 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;}

似乎没有任何效果，我只是得到标准的蓝色。任何人都可以帮忙吗？

4

3 回答 3

9

不应该有空格！请更换：

a .button{

到：

a.button{

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

于 2012-07-05T10:22:42.060 回答
6

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

您需要说的是“我希望a带有类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之间的空格表示“元素的子元素”。

祝你好运 ：）

于 2012-07-05T10:24:19.183 回答
3

a .button像这样删除空间a.button或简单地使用.button

于 2012-07-05T10:24:58.500 回答