a: makker ikke ret
Jeg arbejder med en enkelt css-fil hvor jeg har indsat denne kode som skal virke i et frameset med menuen til venstre og de indlæste filer til højre. Banal opbygning, men som i designet driller mig:a:visited {color: #FFFFFF; text-decoration: none;}
a.menu:hover {color: #000000; text-decoration:none; background:#A0A77B;}
a:visited {color: #FFFFFF; text-decoration: none;}
a:hover {color:#000000; text-decoration:none; background:#CFC68D;}
Den eneste forskel på de to sæt koder er baggrundsfarven for teksten. Min idé er at det første sæt a: skal give links i menuen en baggrundsfarve, og at det andet sæt skal give links på de indlæste sider en anden baggrundsfarve. Jeg kan bare ikke få det til at virke. Jo, baggrundsfarven på menuensiden virker, men ikke på den indlæste side. Hvis jeg så bytter rundt på rækkefølgen af det første sæt a: og det andet sæt a:, ja, så virker det omvendt. Men jeg kan ikke få dem til at virke samtidigt efter hensigten. Jeg har også prøvet at definere dem med class, men det virker heller ikke. Det er som om at det er rækkefølgen af det ene og det andet sæt a: som bestemmer hvilket der virker. Men jeg vil have at begge virker samtidig. Hvordan gør jeg det?