/ 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
flere class'er der fungere på samme elemen~
Fra : Thomas G


Dato : 17-04-05 19:46

hey.

kan jeg have flere class'er på et element?

f.eks.:
....
<link href="styles.css" type="text/css" rel="StyleSheet">
....
<input type="text" class="class_nr_et">

i css fil:

..class_nr_et {
border-width: 1;
border-color: red;
border-style: solid;
}

..class_nr_to {
height: 400;
background-color: yellow;
}

kan jeg så få mit input tag til både at hente style info fra class'erne
..class_nr_et og class_nr_to?

Mvh. Thomas



 
 
Tomasz Otap (17-04-2005)
Kommentar
Fra : Tomasz Otap


Dato : 17-04-05 19:54

Thomas G wrote:
> <input type="text" class="class_nr_et">
>
> kan jeg så få mit input tag til både at hente style info fra class'erne
> .class_nr_et og class_nr_to?

Ja da:
<input type="text" class="class_nr_et class_nr_to">

t

Jens Gyldenkærne Cla~ (18-04-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 18-04-05 09:22

Thomas G skrev:

> kan jeg have flere class'er på et element?

Ja.

Du kan gøre som Tomasz Otap har vist det:
<p class="forste anden tredje"> (her er der angivet tre klasser).

Teknikken er at man bare angiver klassenavnene adskilt med mellemrum
(heraf følger det så også at man ikke kan anvende mellemrum i et
klassenavn.

En anden måde at kombinere css-klasser (eller mere generelt bare
css-regler) på, er ved hjælp af kontekstuelle selektorer.

Skriver man fx følgende:

   .menu p{ color: red; }

- vil det påvirke alle p-elementer placeret inde i "noget" med klassen
menu. Det er ofte en meget effektiv måde at påvirke mange elementer på
uden nødvendigvis at skulle tildele dem en direkte klasse.

Her er et par andre eksempler:

   #menu p{ color: red; } /* p-elementer placeret i noget med ID=menu /*

   .menu .vigtig { color: red; }
   /* "noget" med klassen vigtig, placeret inde i "noget" med klassen
    "menu" - fx <div class="menu"><p class="vigtig">Test</p></div> */


> .class_nr_et {
> border-width: 1;

Ovenstående tildeling er ugyldig - i css-regi skal der enheder på alle
tal bortset fra 0. Du mener formentlig 1px.


> .class_nr_to {
> height: 400;

- samme problem her.

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408528
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste