我可以使用一些幫助獲取CSS子類（？）的工作

Question

我可以得到這個CSS的一些幫助？在我的樣式表我有我的錨顏色定義：

a:link {} 
a:visited {} 
a:hover {} 

後來在樣式表，我有一些錨定義爲一個區間中：

span.logout {} 
span.logout a:link, a:visited {} 
span.logout a:hover {} 

唯一的一點是，我的錨顏色在註銷跨度覆蓋我的主錨顏色。我很困惑，爲什麼會發生這種情況。我認爲只有「註銷」範圍內的錨會受到這個CSS的影響。

無論如何，如果有人可以幫助這個，我將不勝感激。另外，我是否正確使用術語CSS「subclass」？

感謝您花時間閱讀，祝您有美好的一天。 :-)

Answer 1

您的a:visited選擇器是獨立存在的，沒有通過span.logout選擇器的限定，因爲逗號會將其隔開。換句話說，它是一樣的，如果你有這樣的兩條規則，與同組聲明：

span.logout a:link {} 
a:visited {} 

這有覆蓋以前的a:visited規則甚至內span.logout訪問鏈接的效果。

您需要的逗號後重復span.logout選擇爲它只有在這樣的span元素生效：

span.logout a:link, span.logout a:visited {} 

CSS不具有的所有類「子類」的概念將被視爲相同，但你在這裏使用似乎很好。不過，我認爲術語「子類」在OOCSS這樣的東西中會有更清晰的定義，這只是CSS編碼技術。

我會叫你選擇一個contextual selector，在你申請的風格只在背景下訪問過的鏈接span.logout的要素（技術，空間分離span.logout和a:visited被稱爲descendant combinator）。

Answer 2

你需要改變：

span.logout a:link, a:visited {} 

到：

span.logout a:link, span.logout a:visited {} 

逗號分隔的選擇，因此所有a:visited鏈接的目標與第二組的樣式