a href not picking styling

我覺得我特別愚蠢。我有一個鏈接，這是一個導航欄的一部分。它拿起懸停/訪問的風格，但由於某種原因，我無法理解它不會使用'鏈接'風格，我做錯了什麼？這裏是樣式表和標籤：a href not picking styling

<table border="1" cellpadding="0" cellspacing="0" style="width:950px;height:37px;"> 
         <tr> 
          <td style="width:157px;height:37px; line-height:37px;"> 
           <span class="test"> 
            <a href="Default.aspx">Home</a> 
           </span> 
          </td>...

CSS：

.test a:link { 
background-image: url('Images/Button_Home.png'); 
display:block; 
font-family:Arial; 
font-size:9pt; 
font-weight:bold; 
color:#000; 
text-align:center; 
vertical-align:middle; 
text-decoration:none; 
} 

.test a:hover { 
background-image: url('Images/Button_Over.png'); 
display:block; 
font-family:Arial; 
font-size:9pt; 
font-weight:bold; 
color:#000; 
text-align:center; 
vertical-align:middle; 
text-decoration:none; 
} 

.test a:active{ 
display:block; 
text-align:left; 
}

我檢查真的徹底，並沒有什麼（應該）用這個這個頁面只有3鏈路上的干擾，其實，沒有其他的風格，沒有，呃。

謝謝R.

來源

2009-11-09 flavour404

您是否清除緩存？只是爲了確保... – Franz 2009-11-09 23:05:50

您使用的是什麼瀏覽器？ – matpie 2009-11-09 23:07:10

是唯一缺少圖像？ – rwilliams 2009-11-09 23:07:24

也許它已經訪問過。試試這個：

.test a:link, .test a:visited { 
... style rules ... 
}

來源

2009-11-09 23:06:22 eKek0

這很令人討厭，它被訪問的風格被'重寫'（我知道我會因爲這樣做而得到廢話）。現在工作。 – flavour404 2009-11-09 23:57:32

它適用於我在IE8和FF3.5 - Images/Button_Home.png存在嗎？

來源

2009-11-09 23:09:14 RichieHindle

此外，它是否可讀？ – matpie 2009-11-09 23:09:32

是的圖像存在，我沒有問題通過代碼或任何其他方式訪問它。 – flavour404 2009-11-09 23:18:07

清除緩存。確保'Images/Button_Home.png'真的存在。爲該選擇器添加一些其他樣式 - 大邊框或不同的顏色或其他東西 - 以便您可以判斷選擇器是否真的不起作用，或者它是否只是一個不同的線。

此外，深吸一口氣。去喝點水吧。隨便走走。當你回來時，它會更有意義。

來源

2009-11-09 23:09:37

我確實嘗試過所有這些，後者總是很好的建議:) – flavour404 2009-11-09 23:56:37

我沒有測試了這一點，所以這只是一個猜測，但我今天早些時候也有類似的問題，一個項目我工作...

...您的「測試」類在span元素上而不是鏈接上。 IE特別是（尤其是IE < 7）可以當它涉及到的鏈接非常喜怒無常，如果我還記得righyly，IE擁有約懸停狀態只能鏈接元素正常（事雖然是你的風格的工作沒關係懸停，很明顯在這種情況下，特定的懸停問題不是問題

您的CSS非常有意義，因爲您已經展示了HTML樣本，但有時將樣式放在鏈接元素本身而不是它包含元素的樣式較少問題（和我落得今天早些時候做與我的問題）。

<a class="test" href="Default.aspx">Home</a>

...可以做的伎倆，但如果沒有，我會建議得到增援......如果你不是S繼承或事物的順序茜都變得非常複雜，你不知道，如果其他樣式與風格，採集一個偉大的工具來使用的選擇矛盾的是約翰·奧爾索普的x射線和MRI的bookmarklet - http://www.456bereastreet.com/archive/200710/css_diagnostics_with_xray_and_mri/

簡單將'n'拖放到瀏覽器的書籤欄上。 XRAY爲您提供單擊的任何屏幕元素的元素，ID和類別，以及其位置和邊距，填充和邊框信息以及繼承層次。當您單擊屏幕上的任何元素時，MRI會爲您提供元素的建議選擇器，然後您可以將其複製並粘貼到文本編輯器中。要激活兩者，只需在瀏覽器上點擊它們，然後會出現一個浮動疊加層，當您單擊某個元素時，會顯示有關該元素的所有相關信息。當我無法弄清楚爲什麼一種風格不像我預期的那樣行事時，我發現這兩者都是無價的。

來源

2009-11-09 23:45:46 BlissC

a href not picking styling

回答

相關問題