Hur förenklar man denna definiering, alltså hur gör jag den textmessigt kortare?
.mainmenutable a, .mainmenutable a:hover, .mainmenutable a:visited
{
color: #333355;
}
Mvh, Vide
Förenkling av CSS
4 svar · 246 visningar · startad av Vide
[red]a.mainmenutable {
color: #333355;
}[/red]
Fast a-taggen har inte mainmenutable som klass, den har ingen klass alls. Varför jag skrivit ".mainmenutable a" är för att jag bara vill att a-taggar inom element med klassen mainmenutable skall påverkas.
Jag förklarade kanske lite dåligt, min tanke var om jag kan definiera flera taggar (a, a:hover, a:visited) som skall tillhöra samma element på ett enklare sätt än det jag skrev ovanför.
Hmm...
Det är lite beroende på hur resten av din CSS ser ut... Och om det bara är a du är ute efter eller om det är en lösning för flera olika andra taggar du är ute efter också...
Men är det bara en lösning för a du är ute efter på det sätt du tar upp i ditt exempel så kan du använda !important såhär
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<title>test</title>
<style type="text/css">
<!--
a, a:hover, a:visited {color:teal}
.enklass {color:green}
[b].enklass a {color:maroon !important}[/b]
-->
</style>
</head>
<body>
<p>Detta är <a href="#">En länk</a></p>
<p class="enklass">Detta är <a href="#">En klassad länk</a></p>
</body>
</html>
Ja, det är väl klart att det är så, jag behöver ju inte ange "hover" o.s.v eftersom dom ändå tillhör a-taggen, det räcker ju med (precis som du skriver):
.mainmenutable a
{
color: #333355;
}
Urfånigt självklart... ;)