Notifikationer

Markér alle som læst Log ud

superdude Nybegynder

23. november 2003 - 10:47 Der er 5 kommentarer og
1 løsning

Variabler eller nedarvning i CSS?

Hej

Er der en måde i CSS, hvorpå en klasse kan nedarve fra en anden klasse - eller kan man definere variabler i CSS?

Jeg har 20 klasser alle med samme background-color. Hvordan kan jeg opbygge min CSS således at jeg ikke skal rette 20 steder, hvis jeg ønsker at skifte background-color i alle klasserne?

Synes godt om

skovenborg Nybegynder

23. november 2003 - 11:49 #1

du kan gøre noget i den her stil så de bruger begge klasser:
<style type="text/css">
.mainClass
{
background-color:#f00;
width:200px;
font-size:20px;
}
.andenClass {width:300px;}
.tredjeClass {width:150px;}
</style>
</head>
<body>

<div class="mainClass">Hovedklasse</div>
<div class="mainClass andenClass">AndenKlasse</div>
<div class="mainClass tredjeClass">Trejdeklasse</div>
</body>

Synes godt om

skovenborg Nybegynder

23. november 2003 - 11:52 #2

Du kan også - hvis dine elementer er samlet - gøre sådan her:
<style type="text/css">
.mainClass
{
background-color:#f00;
width:200px;
font-size:20px;
}
.andenClass {color:#0f0}
.tredjeClass {color:#00f;}
</style>
</head>
<body>
<div class="mainClass">
Hovedklasse
<div class="andenClass">AndenKlasse</div>
<div class="tredjeClass">Trejdeklasse</div>
</div>
</body>

Og måske endda:
.mainClass .andenClass {color:#0f0}
.mainClass .tredjeClass {color:#00f;}

Synes godt om

roenving Novice

23. november 2003 - 12:04 #3

Et eksempel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>CSS-hierarki</title>
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.mainstyle{
background:#3d2bdb;
color:#98ebef;
}
.otherstyle{
color:#f7fa8d;
overflow:hidden;
}
</style>
<script language="javascript" type="text/javascript">
var x
</script>
</head>
<body>
<br>
<form class="mainstyle" id="minForm" name="minForm">
Her har vi en masse tekst<br>
<textarea class="mainstyle otherstyle" name="mitTextarea" id="mitTextarea" cols="40" rows="5">Og her er noget tekst, som kan redigeres</textarea><br>
<span class="otherstyle">Og denne tekst kan heller ikke redigeres !-)</span>
</form>
</body>
</html>

Synes godt om

superdude Nybegynder

06. september 2004 - 22:13 #4

Smid et svar og få points ;-)

Synes godt om

skovenborg Nybegynder

06. september 2004 - 22:38 #5

jep :-)

Synes godt om

skovenborg Nybegynder

06. september 2004 - 23:03 #6

hmm, skulle roenving ikke have nogle eller...?

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS