html - タグクラスが機能しない

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 を持つすべての子に次のCSSルールを使用してもらいたい」ということです。buttona

あなたが言う必要があるのは、「次の CSS ルールを使用するaクラスを持つタグが欲しい」ということです。button

これは、次の 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 間のスペースは「要素の子」を意味します。

幸運を ：）

Answer 3

a .buttonこのようにスペースを削除するa.buttonか、単に使用します.button