Referenser till klasser?

5 svar · 247 visningar · startad av SPiN 26 juli 2002

SPiNMedlem sedan mars 20007 896 inlägg

Trådstart26 juli 2002 21:21#1

Kan man på något sätt referera en klass till en annan? Så att man slipper skriva om en hel klass. Jag vill kunna "ärva" alla attribut och värden, men ändå kunna överskugga attribut med nya värden.

<style type="text/css">
abo {
     lala: bebe;
}
abu {
     /* En referens här, skulle sitta fint, så att allt ( Alla attribut och värden ) från klassen 'abo' lades in i klassen 'abu' automagiskt */
     lala: bobo;
     /* Ovanstående ska föreställa en överskuggning av attributet 'lala', och ge det ett nytt värde som endast gäller för klassen 'abu' */
}
</style>

erreMedlem sedan maj 20001 215 inlägg

26 juli 2002 21:32#2

Om det är "selectors" du är ute efter hittas det här:
http://www.w3.org/TR/1998/REC-CSS2-19980512/selector.html

SPiNMedlem sedan mars 20007 896 inlägg

26 juli 2002 21:36#3

Hm, njä. Hittade inget där i som skulle kunna verka hjälpa. Tyävrr.

jarvkloMedlem sedan juli 20013 378 inlägg

26 juli 2002 21:55#4

Kanske inte exakt vad du är ute efter, men du kan få liknande funktion genom att ange multipla klassnamn i class:

<html>
	<head>
		<title>Test</title>
<style type="text/css">
<!--
.grund {
	background-color: silver;
	color: maroon;
	font-weight: normal;
}

.fetare {
	color: black;
	font-weight: bold;
}
-->
</style>
	</head>
	<body>
<div>Hej hopp i lingonskogen</div>
<div class="grund">Hej hopp i lingonskogen</div>
<div class="grund fetare">Hej hopp i lingonskogen</div>

	</body>
</html>

Erik JuhlinMedlem sedan maj 200010 687 inlägg

26 juli 2002 21:58#5

Så här kan man ju också skriva.

abo, abu {
	lala: bebe;
}
abu {
	lala: bobo;
}

SPiNMedlem sedan mars 20007 896 inlägg

26 juli 2002 22:03#6

Tackar!

Om jag vill ha till en klass för länkar då? Då måste ju Erik's variant funka kalas?

a:link {
     lala: bobo;
}
a:visited {
     lala: bebe;
}