需要CSS a.tag不合作

這個網站變成一團糟。我似乎無法讓左側導航看起來像我想要的樣子。需要CSS a.tag不合作

我覺得這很簡單，但我看不到它。

這是CSS：

a.col1:link {color:#FFF}  /* unvisited link */ 
a.col1:visited {color:#00F} /* visited link */ 
a.col1:hover {color:#FF0} /* mouse over link */ 
a.col1:active {color:#00F} /* selected link */

下面是HTML：

<ul class="col1"><li><a href="see_autos.asp>car</a></li></ul>

來源

2009-12-17 Drea

您需要直接應用樣式的CSS僞類的到A標籤本身。如您所示，它們是結構中UL LI標籤的後代，因此您可以選擇它們。

ul.col1 li a:link {color:#FFF}  /* unvisited link */ 
ul.col1 li a:visited {color:#00F} /* visited link */ 
ul.col1 li a:hover {color:#FF0} /* mouse over link */ 
ul.col1 li a:active {color:#00F} /* selected link */

來源

2009-12-17 23:45:57 micahwittman

+1，但我可以用原來的來講，它更像'.col1 a：link {color：$ FF}'。也就是說，OP不想成爲這個特定的。除非你只是想增加體重。 – 2009-12-17 23:48:00

'＃fff'當然。 – 2009-12-17 23:48:31

黑客，可能是。來自OP的更多細節需要。 – micahwittman 2009-12-17 23:52:22

首先，您需要一個"來結束您的href。

其次，你的類是不是在你的a，它是在父母，所以你的CSS應該是這樣

.col1 a:link {color:#FFF}

三，請不要將其命名COL1，語義的名字是更好left-nav或sidebar比較好。

來源

2009-12-17 23:46:12

所有的優點。 – 2009-12-17 23:47:59

'left-nav'？如果我們要尋求語義，那麼'nav' – nickf 2009-12-17 23:58:28

好點......我仍然在學習它的語義部分。它很重要，所以它很容易記住？ – Drea 2009-12-18 01:21:01

您的CSS預計col1是一個<a>元素的類。但是您已將其分配給<ul>元素。因此，要解決這個問題，你需要修改HTML如下

<ul><li><a href="see_autos.asp" class="col1">car</a></li></ul>

，以便它分配給合適的元素，或改變CSS如下

ul.col1 a:link {color:#FFF}  /* unvisited link */ 
ul.col1 a:visited {color:#00F} /* visited link */ 
ul.col1 a:hover {color:#FF0} /* mouse over link */ 
ul.col1 a:active {color:#00F} /* selected link */

使得它分配給任何<ul class="col1">元素的子元素<a>。

來源

2009-12-17 23:46:26 BalusC

好評，但我最終使用了以前的建議。 – Drea 2009-12-18 01:19:25

自錨無序列表的孩子，你的CSS應該指定無序列表的子錨點這樣：

.col1 a:link 
{ 
    color... 
}

來源

2009-12-17 23:47:42 JYelton

感謝您花時間看這個。我選擇了第二個答案 – Drea 2009-12-18 01:20:03

需要CSS a.tag不合作

回答

相關問題