Klasser og identifikatorer

I enkelte sammenhenger ønsker man å la et statement gjelde for kun utvalgte (X)HTML-elementer. Eksempelvis kan man i enkelte tilfeller ønske at elementet <p> skal ha en annen bakgrunnsfarge enn hva som er definert som standard i stilsettet. Dette gjør man ved å navngi (X)HTML-elementer, enten med en klasse eller en identifikator. I stilsettet lager man så en klasse- eller en id-selector. En identifikator er en unik identifikator og kan kun benyttes én gang i hvert (X)HTML-dokument, i motsetning til en klasse som kan benyttes flere ganger.

Klasser

I det vanlige stilsettet finner vi for eksempel:

  1. p {
  2. text-align: justify;
  3. }

Hvis vi i enkelte sammenhenger ønsker oss sølv (silver) som bakgrunnsfarge, kan vi merke <p> med en klasse, <p class="min_klasse"</p> i (X)HTML-dokumentet. I stilsettet oppretter vi klassen "min_klasse" på følgende måte:

  1. p.min_klasse {
  2. text-align: justify;
  3. }

Klasse-selectoren "p.min_klasse" vil i tillegg til å få sølv som bakgrunnsfarge, arve egenskapene til <p>, i dette tilfellet "text-align: justify;".

Identifikatorer

Identifikatorer fungerer på samme måte som klasser, men kan kun benyttes én gang i hvert (X)HTML-dokument. For eksempel skriver vi <p id="min_id">. I stilsettet skriver vi som følger:

  1. p#min_identifikator {
  2. text-align: justify;
  3. }

Merk at . er byttet ut med #.

Til tross for at en identifikator kun kan (eller skal) benyttes én gang i (X)HTML-dokumentet, vil allikevel nettleserne vise flere forekomster av samme identifikator.

Copyright 1995 - 2008 Martin Bekkelund
xhtml
css
rss
cc
508
aaa
v6.08