Toon posts:

vraagje over een class

Pagina: 1
Acties:

Verwijderd

Topicstarter
ik heb een class die een aantal vaste eigenschappen moet hebben xoals letter type, grootte etc.

die noem ik dan bijvoorbeeld kolom1

Nu wil ik andere (sub)classes van kolom1 deze eigenschappen standaard meegeven, zodat ik die maar een keer hoef te definieren

voor de overige wil ik dan gebruiken class="kolom1.item1".

Voor item1 hoef ik dan alleen een breedte te definieren. Dit gaat niet werken in css. Weet iemand of dit anders kan in css?

  • Dennis
  • Registratie: Februari 2001
  • Laatst online: 08:17
Gebruik de nieuwe CSS manier :)
code:
1
2
3
4
5
6
7
8
9
10
11
<style type="text/css">
.class1
{
  blablabla
}

.class2  /* dit is dus de "child" */
{
  blablabla
}
</style>

Je kunt nu als je een object aanmaakt dit doen:
code:
1
2
<div class="class1">
</div>

Je kunt ook dit doen:
code:
1
2
<div class="class2">
</div>

Tot zover snapte je het vast wel, maar je kunt nu ook (en dat is dus nieuw) dit doen:
code:
1
2
<div class="class1 class2">
</div>

Ik denk dat dat de beste manier is, want wat jij precies wilde lukt idd niet op die manier, maar dit werkt best wel prettig :)

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 00:06

Pelle

🚴‍♂️

Wanneer je van kolom1 een class maakt, en van item1 ook dan ligt het aan de manier van nesting hoe item1 de eigenschappen van kolom1 overneemt.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<html>
<head>
  <style type="text/css">
  <!--
    body {
    font-family: arial;
    color:   #0000ff;
    }
    kolom1 {
    font-family: verdana;
    }
    item1 {
    color:   #ff0000;
    }
  -->
  </style>
</head>

<body>
  Dit is arial in blauw
  <div class="kolom1">Dit is in verdana in blauw</div>
  <div class="item1">Dit is arial in rood</div>
  <div class="kolom1"><span class="item1">En dit is verdana in rood</span></div>
</body>
</html>

Verwijderd

Topicstarter
<div class="class1 class2">



dit is precies wat ik zoek, tnx .Werkt dit alleen vanaf ie 5 en hoger?

  • Dennis
  • Registratie: Februari 2001
  • Laatst online: 08:17
Op dinsdag 09 oktober 2001 12:33 schreef pepweb het volgende:
dit is precies wat ik zoek, tnx .Werkt dit alleen vanaf ie 5 en hoger?
Dat van mij?
Dat werkt idd vanaf 5.5 geloof ik, en vanaf NS6.
Zijn de CSS 2.0 specificaties :)