標籤類不工作

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

似乎沒有什麼是工作，我剛開始的標準藍色。誰能幫忙？

來源

2012-07-05 Francesca

應該沒有空間！請更改：

a .button{

到：

a.button{

退房小提琴這裏：http://jsfiddle.net/VhaNQ/

來源

2012-07-05 10:22:42

太謝謝你了！哦，我知道這會是這些愚蠢的問題之一。感謝幫助我看到這個盲目明顯！ – Francesca 2012-07-05 10:24:17

你在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; 
}

注意有標籤/班/ IDS之間a和.button

空間之間沒有空格指「元素的孩子」。

祝你好運:)從a .button

來源

2012-07-05 10:24:19

+1爲解釋。謝謝。 – JerryOL 2013-08-27 15:44:42

除去空間這樣a.button或使用簡單的.button

來源

2012-07-05 10:24:58

標籤類不工作

回答

相關問題