/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Sammenkædede klasser
Fra : Jørgen Farum Jensen


Dato : 08-11-09 13:34

Hvis du har formdeklarationerne
..vigtig {...}
..advarsel {...}

vil

<p class="vigtig">...</p>

få de egenskaber, der er defineret i
den første deklaration, mens

<p class="advarsel">...</p>

vil få de egenskaber, der er defineret i
den anden deklaration.

<p class="vigtig advarsel">...</p>

vil få alle de egenskaber, der er
defineret i begge deklarationer.

Det sidste tekstafsnit kan imidlertid
også formateres af

..vigtig.advarsel {...}

Hvilken /logisk/ forskel er der på metode 1 og metode 2?
Metode 1 giver tre formateringsmuligheder, mens
metode 1 kun giver én, ik'?
--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

 
 
Birger Sørensen (08-11-2009)
Kommentar
Fra : Birger Sørensen


Dato : 08-11-09 15:15

Jørgen Farum Jensen udtrykte præcist:
> Hvis du har formdeklarationerne
> .vigtig {...}
> .advarsel {...}
>
> vil
>
> <p class="vigtig">...</p>
>
> få de egenskaber, der er defineret i
> den første deklaration, mens
>
> <p class="advarsel">...</p>
>
> vil få de egenskaber, der er defineret i
> den anden deklaration.
>
> <p class="vigtig advarsel">...</p>
>
> vil få alle de egenskaber, der er
> defineret i begge deklarationer.
>
> Det sidste tekstafsnit kan imidlertid
> også formateres af
>
> .vigtig.advarsel {...}
>
> Hvilken /logisk/ forskel er der på metode 1 og metode 2? Metode 1 giver tre
> formateringsmuligheder, mens
> metode 1 kun giver én, ik'?

<p class="vigtig advarsel">...</p>
vil være formatteret af .vigtig .avarsel *og* .vigtig.advarsel
f.eks.: .vigtig er grøn .advarsel er gul .vigtig.advarsel er rød

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Jørgen Farum Jensen (09-11-2009)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 09-11-09 20:27

Birger Sørensen skrev:

> <p class="vigtig advarsel">...</p>
> vil være formatteret af .vigtig .avarsel *og* .vigtig.advarsel
> f.eks.: .vigtig er grøn .advarsel er gul .vigtig.advarsel er rød
>

Tak for dit input. Jeg vidste det vist godt, jeg
havde blot fået tingene vendt forkert inde i mit
hoved.

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Stig Johansen (10-11-2009)
Kommentar
Fra : Stig Johansen


Dato : 10-11-09 05:08

Birger Sørensen wrote:

> <p class="vigtig advarsel">...</p>
> vil være formatteret af .vigtig .avarsel *og* .vigtig.advarsel
> f.eks.: .vigtig er grøn .advarsel er gul .vigtig.advarsel er rød

Det var squ smart.

Det løste en lille udfordring jeg havde med at fremhæve aktive billeder i
'filmstrimmelen':
<http://w-o-p-r.dk/gallery/gallery.show.this.asp?GalleryOwner=Stig+Johansen&GalleryName=ajax%5Ftest&Picturenumber=2>

Her har jeg blot lavet en ekstra klasse med en rød border, der bliver
tilføjet/fjernet ved skift.

Jeg sad og tænkte, at det var besværligt at lave 2 næsten identiske klasser,
men der her fif er jo en elegangt løsning.

Og både den og skift vha javascript virker også i inderned exploder 6 :)

--
Med venlig hilsen
Stig Johansen

Søg
Reklame
Statistik
Spørgsmål : 177580
Tips : 31968
Nyheder : 719565
Indlæg : 6409080
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste