css - 爲什麼text-decoration不能在a：hover下工作？

.twoColFixRt＃nav-primary .nav li a， .twoColFixRt＃nav-primary .nav li a：visited { color：＃00FF00; text-decoration：none; } .twoColFixRt＃nav-primary .nav li a span { display：block; padding：0 10px; font-size：15px; } .twoColFixRt＃nav-primary .nav li a：hover { text-decoration：underline; color：＃FF0000; }css - 爲什麼text-decoration不能在a：hover下工作？

Q1>我不知道爲什麼a：懸停在上面的代碼不起作用。換句話說，當光標位於導航項目的頂部時，下劃線不會顯示。

但是，當將光標懸停在導航項上時，我確實看到了顏色的更改。

Q2>我正在使用DW CS4 + Firebug。有沒有一種方法可以檢測出哪種規則可以抑制：懸停，以便我可以在將來找出類似的問題？

謝謝

來源

2010-08-26 q0987

你可以得到文字修飾通過將其應用到嵌套跨度像這樣顯示出來：

.twoColFixRt #nav-primary .nav li a:hover span { 
    text-decoration: underline; 
    color:#FF0000; 
}

如果你有興趣爲它不是當前工作的原因對於您，您可以閱讀this question關於包含塊框（您的<span>）的內聯框（您的<a>）。

至於檢測哪些規則適用於某個元素，我使用Firefox的Web Developer插件。它是CSS>查看風格信息（CTRL + SHIFT + Y）對此尤其方便。

來源

2010-08-26 02:52:51 Pat

哇。顯然，這只是在Firefox中必不可少的（下劃線顯示在原始代碼中的Chrome和IE瀏覽器（8）http://jsfiddle.net/vUkZ6/） – 2010-08-26 03:18:13

你好帕特，你的解決方案對我來說很好。另外我安裝了web開發人員，只是永遠不知道如何使用它。我使用CSS->查看樣式信息，但是，我沒有找到抑制規則信息的地方。可以給我一點提示嗎？謝謝 – q0987 2010-08-26 03:26:39

@ q0987很高興聽到。 Web開發人員沒有具體列出被壓制的規則。當你在'查看樣式信息'時，點擊任何元素，你就會得到一個所有應用樣式的列表。然後，您可以查看列表並查看是否有任何內容被無意中覆蓋。 – Pat 2010-08-26 03:44:33

將text-decoration屬性應用到元素的內聯css中。如果有效，找出你的外部CSS有什麼混亂。

來源

2010-08-26 03:02:26 bogatyrjov

css - 爲什麼text-decoration不能在a：hover下工作？

回答

相關問題