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中所说的内容是“我希望所有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之间没有空格

标签/类/ ids之间的空格意味着“元素之子”。

祝你好运：）

Answer 3

从a .button a.button中删除空格.button或仅使用{{1}}

标签类无法正常工作

3 个答案: