2009-10-17 55 views
2

是否有我的下面的CSS只有一半的作品的原因?風格的CSS工作,但鏈接的CSS不是

div.share 
{ 
    position:relative; 
    top: -4px; 
    left: 25px; 
    font-family:Tahoma; 
    background-color:#000000; 
    font-size:11px; 
    font-weight:bold; 
} 
/* share link css */ 
a.share:active 
{ 
    color: #000000; 

} 
a.share:hover 
{ 
    color: #FFFFFF; 
    background-color:#000000; 
    text-decoration: none; 
} 

div.share CSS是所有工作,但爲activehover的CSS不

+1

沒有看到HTML沒有太多我們可以做! – roryf 2009-10-17 11:58:28

回答

3

CSS是有效的,但要確保該鏈接具有「共享」級,如果在DIV,CSS的改變:

div.share a:active 
{ 
     color: #000000; 

} 
div.share a:hover 
{ 
     color: #FFFFFF; 
     background-color:#000000; 
     text-decoration: none; 
} 
2

添加到您的html將使它更容易些。

我只能猜測,你有一個<div>class='share'沒有<a>標籤同用。

例如,貴HTML看起來像:

<div class='share'> 
    <a class='share' href='http://yoursite.com'>Your site</a> 
</div> 

<div class='share'> 
</div> 
... 
<a class='share' href='http://yoursite.com'>Your site</a> 

如果它是第一個,然後

div.share a:hover { 
    ... 
} 

會更有意義。

如果是第二個,那麼選擇器看起來很好......儘管選擇不同但合適的類名可能會更好。

1

你能告訴我們一個使用這個CSS的HTML代碼片段嗎?它是真的<a>標籤有share類或嵌套在<div class="share">

2

使用div.share a:activediv.share a:hover

您現在的方式是尋找一個<a>標籤,直接應用一個分享類。然而,股票類是在外部股利。