[CSS] Style gebaseerd op andere style

[kaandorp]

Is het met CSS mogelijk om een style te baseren op een andere style?
Dus bijvoorbeeld
Style 1=arial,12pt
Style 2=Style1+bold

[Verwijderd]

Nee.

[_Jeffrey_]

Misschien dat je dit bedoeld:

code:

CSS:
p.blah
{
    color: green;
}
p.bold
{
    font-weight: bold;
}


HTML:
<p class="blah">Alleen groen</p>
<p class="bold blah">Groen en dikgedrukt</p>

[nuclear waste]

_Jeffrey_ schreef op maandag 27 december 2004 @ 19:34:
Misschien dat je dit bedoeld:

code:

CSS:
p.blah
{
    color: green;
}
p.bold
{
    font-weight: bold;
}


HTML:
<p class="blah">Alleen groen</p>
<p class="bold blah">Groen en dikgedrukt</p>

Jouw code is niet valid:
http://www.w3schools.com/css/css_syntax.asp
Als je kijkt bij class selector zie je dat je slechts 1 class per element kunt geven, geen 2 dus zoals jij doet.

@TS: kan volgens mij niet.

[ Voor 7% gewijzigd door nuclear waste op 27-12-2004 20:35 ]

[Verwijderd]

je mag wel 2 classes opgeven...
het valideert trouwens ook gewoon hoor.

[Verwijderd]

Even voor de duidelijkheid, w3schools is geen autoriteit op het gebied van valid/invalid. Daarvoor moet je bij het W3C zijn en w3schools is daar geen onderdeel van.

[Sendy]

Precies Anne. En daar staat het volgende:

class = cdata-list [CS]
This attribute assigns a class name or set of class names to an element. Any number of elements may be assigned the same class name or names. Multiple class names must be separated by white space characters.

[nuclear waste]

Weer wat bijgeleerd, ik dacht echt dat je maar 1 class per element mocht gebruiken, in het vervolg zal ik het checken op W3C zelf.

[Grijze Vos]

Misschien is dit smaakje beter:

code:

CSS:
p.blah, p.bloe
{
    color: green;
}
p.bloe
{
    font-weight: bold;
}


HTML:
<p class="blah">Alleen groen</p>
<p class="bloe">Groen en dikgedrukt</p>

[kaandorp]

Grijze Vos schreef op maandag 27 december 2004 @ 21:59:
Misschien is dit smaakje beter:

code:

CSS:
p.blah, p.bloe
{
    color: green;
}
p.bloe
{
    font-weight: bold;
}


HTML:
<p class="blah">Alleen groen</p>
<p class="bloe">Groen en dikgedrukt</p>

Ja, dit lijkt wel een beetje op wat ik bedoel. Het idee is gewoon dat je een aantal gemeenschappelijke dingen niet meerdere malen hoeft te definiëren.
Bij bovenstaande opzet kun je (bijvoorbeeld) eenmaal het lettertype aangeven voor alle styles en vervolgens per style de unieke eigenschappen instellen.
Klinkt goed.

Is bovenstaande wel volgens de standards? M.a.w. mag je een style meerdere malen definiëren?

[faabman]

als je de font eenmalig in wilt stellen dan kun je dat ook met

Cascading Stylesheet:

*{
  font:arial;
}

[Woudloper]

kaandorp schreef op dinsdag 28 december 2004 @ 10:09:
Ja, dit lijkt wel een beetje op wat ik bedoel. Het idee is gewoon dat je een aantal gemeenschappelijke dingen niet meerdere malen hoeft te definiëren.
Bij bovenstaande opzet kun je (bijvoorbeeld) eenmaal het lettertype aangeven voor alle styles en vervolgens per style de unieke eigenschappen instellen.

Je kan hiervoor ook gewoon meerdere stylesheets linken aan de pagina. Wanneer je gewoon één basis stylesheet hebt voor een goed sematisch opgezette site ziet de basis er goed uit. Je kan dan middels een 2^de later stylesheet de eerdere definities overschrijven, dus:

HTML:

<link rel="stylesheet" type="text/css" href="standaard.css">
<link rel="stylesheet" type="text/css" href="overruled.css">

Als je dan in de eerste een definitie hebt voor de paragraph tag, bv:

Cascading Stylesheet:

p {
  font-size: 12px;
}

En in de tweede het volgende:

Cascading Stylesheet:

p {
   font-size: 13px;
}

Zal de definitie uit de tweede worden gebruikt.

Is bovenstaande wel volgens de standards? M.a.w. mag je een style meerdere malen definiëren?

Als je het mij vraagt is dat gewoon volgens de standaarden. Je kan ook eens even de specificaties doorlezen van W3C, want daar is meestal erg veel informatie vandaan te halen...

[ Voor 4% gewijzigd door Woudloper op 28-12-2004 10:25 ]

[Willem]

/basic