僞類不與類一起工作

我試圖做一個簡單的佈局，但是當我的僞類和類一起使用時，我遇到了問題。雖然CSS的類適用，但任何情況下，僞類不與類一起工作

a.class:pseudo-class{/*styling*/}

寫不起作用。另外，雖然我沒有在下面的代碼中使用它，使用僞類本身

a:pseudo-class{/*styling*/}

正常工作。

我該如何解決這個問題？謝謝。

CSS：

ul { 
    display: block; 
    list-style-type: none; 
    margin: 0px; 
    padding: 0px; 
}  

.nav {background-color: #5F5F5F;} 

a.nav:link, a.nav:visited {color: #FFFFFF;} 

a.nav:hover {background-color: #000000;} 

.chosenNav {background-color: #8AC007;} 

a.aside1:link, a.aside1:visited {color: #000000;} 

.chosenAside, a.aside1:hover {background-color: #DDDDDD;}

HTML：

 

<div class = "nav"> 
    <ul> 
     <li><a href = "link1">LINK1</a></li> 
     <li class = "chosenNav"><a href = "link2">LINK2</a></li> 
    </ul> 
    </div> 

    <div class = "aside1"> 
    <h2>JS Tutorial</h2> 
     <ul> 
     <li class = "chosenAside"><a href = "link3">LINK3</a></li> 
     <li><a href = "link4">LINK4</a></li> 
     </ul> 
    </div> 
</pre>

來源

2015-09-27 SaarthakSaxena

那是因爲在沒有'和'nav'類 –

了'標籤和你的HTML是不正確''LINK4應該像''LINK4所以 –

我怎麼能將此樣式應用到導航裏面的所有鏈接除了divs？總共有大約50個鏈接，所以我不希望將相同的類添加到所有這些類中，而是將樣式應用於容器。對不起，我的實際代碼確實有「」。我將在問題中添加它。 – SaarthakSaxena

你試圖做的語法略有不同。

<class-name> <tag>:<pseudo> { 
<property>: <value>; 
}

也許你正在試圖達到這個目標？ https://jsfiddle.net/yqatz6Lk/

來源

2015-09-27 08:24:44

這是完美的！非常感謝！ – SaarthakSaxena

如果你想款式比你應該給一個類，比作風像這樣所有鏈接..

a.class-name:link, a.class-name:visited { 
color: #FFFFFF; 
} 

a.class-name:hover { 
background-color: #000000; 
}

如果你不想給類名比簡單做到這一點..

a:link, a:visited { 
    color: #FFFFFF; 
    } 

    a:hover { 
    background-color: #000000; 
    }

來源

2015-09-27 08:18:25

我真的希望能夠避免給每個環節上課，但我想這就是我必須要做的。我不能使用泛型a：僞類，因爲正如你所看到的，我有兩個不同的列表。我會把問題留待幾個小時，有人可能會告訴我另一種方式（希望）。無論如何，非常感謝！你的解決方案有效，這比我有的更好。 – SaarthakSaxena

僞類不與類一起工作

回答

相關問題