---

Hej

Er der nogen der kender forskellen på at skirve "div.noget" og ".noget" i
CSS?

Umelbart kan jeg ikke finde forskellen, så måske er der ingen forskel???


Martin

---

Martin <d_e_l_e_t_e_maj@heko_t_h_i_s.dk> writes:

> Er der nogen der kender forskellen på at skirve "div.noget" og ".noget" i
> CSS?

Selektoren "div.noget" matcher alle "div"-elementer der har klassen "noget",
altså <div class="noget">.

Selektoren ".noget" er en forkortelse af "*.noget". Den matcher alle
elementer der har klassen "noget", altså den ovenstående, men også
<img class="noget"> og <a class="noget"> osv.

> Umelbart kan jeg ikke finde forskellen, så måske er der ingen forskel???

Hvis du er i tvivl om noget i CSS, så kan du læse det her:
<URL:http://www.w3.org/TR/CSS21/>

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

---

> Selektoren ".noget" er en forkortelse af "*.noget". Den matcher alle
> elementer der har klassen "noget", altså den ovenstående, men også
> <img class="noget"> og <a class="noget"> osv.

Det var godt rart, at få afklaret det :) Så vil jeg fremover bruge
*.noget og bruge div.noget, når jeg ved det kun kommer til at virke for
div's .

> Hvis du er i tvivl om noget i CSS, så kan du læse det her:
> <URL:http://www.w3.org/TR/CSS21/>

Jeg kiggede efter "div", men det virkede somom, at det var almen
viden. Så jeg fandt ikke noget...

Tak for hjælpen!

---

Lige for at om, jeg har forstået det rigtigt, så er

td.noget{
....
}

en bedre løsning, end

..noget td{
....
}

hvis jeg kunne bruger "noget" til mine td's. Er det rigtigt?

---

Hej Martin


Martin wrote:
> Lige for at om, jeg har forstået det rigtigt, så er

> td.noget{
> ...
> }

virker kun på <td class="noget">Noget</td><td>Ikke noget</td>

> en bedre løsning, end

> .noget td{
> ...
> }

virker på alle td-tags som ligger *inde i* en container med klassen
"noget". Det kan f.eks. være hvis klassen er sat på table-tagget eller
tr-tagget:

<table class="noget"><tr>
<td>Noget</td><td>Også noget</td>
</tr></table>

> hvis jeg kunne bruger "noget" til mine td's. Er det rigtigt?

Så om du bruger det ene eller andet kommer an på om det f.eks. er *alle*
celler i en tabel der skal have den style som er defineret med klassen
"noget", eller om det kun er udvalgte celler i tabellen.


Mvh. Stig
www.rockland.dk

---

Hej Stig og Lasse

Det var nogle virkelig gode forklaringer. Jeg har noteret følgende i min
huske bog:

div.noget{} virker på div tags med class="noget".
Ex: <div class="noget">

..noget{} eller *.noget{} virker på alle elementer med class="noget".
Ex: <div class="noget">, <img class="noget">, <td class="noget">

td.noget{} virker kun på <td class="noget">

*.noget td{} virker på alle td-tags i class="noget".
Ex: <div class="noget"><table><tr><td> ...
Ex: <table class="noget"><tr><td> ...

Forskellen på td.noget{} og *.noget td{} er om det kun skal virke
for enkelte celler eller for alle celler.


Jeg håber det er rigtigt denne gang=)

Martin

---

Martin <d_e_l_e_t_e_maj@heko_t_h_i_s.dk> wrote:

> div.noget{} virker på div tags med class="noget".
> Ex: <div class="noget">

Korrekt.

> .noget{} eller *.noget{} virker på alle elementer med
> class="noget". Ex: <div class="noget">, <img class="noget">,
> <td class="noget">

Korrekt.

> td.noget{} virker kun på <td class="noget">

Korrekt.

> *.noget td{} virker på alle td-tags i class="noget".
> Ex: <div class="noget"><table><tr><td> ...
> Ex: <table class="noget"><tr><td> ...

Korrekt.

> Forskellen på td.noget{} og *.noget td{} er om det kun skal virke
> for enkelte celler eller for alle celler.

Korrekt (givet dine egne forklaringer ovenfor).

--
Anders Thorsen Holm, BSc i datalogi-multimedier.

Jeg søger fuldtidsjob i eller nær Århus - gerne studierelevant,
men ingen betingelse. Læs mit CV: http://www.thorsenholm.dk/cv/

---

> Korrekt (givet dine egne forklaringer ovenfor).

Tak skal du have!

Så må jeg til at gå min HP igennem, og gøre den mere korrekt med min
nye viden=)

Martin

---

Martin <d_e_l_e_t_e_maj@heko_t_h_i_s.dk> writes:

>> <URL:http://www.w3.org/TR/CSS21/>
>
> Jeg kiggede efter "div", men det virkede somom, at det var almen
> viden. Så jeg fandt ikke noget...

"div" er jo en HTML-ting, så den står ikke i CSS-specifikationen.
Det der var relevant i dette tilfælde var class-selektorer:
<URL:http://www.w3.org/TR/CSS21/selector.html#class-html>

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

---

Martin <d_e_l_e_t_e_maj@heko_t_h_i_s.dk> writes:

> Lige for at om, jeg har forstået det rigtigt, så er
>
> td.noget{
....
> en bedre løsning, end
>
> .noget td{

Det er to forskellige ting.

Den første matcher "td"-elementer med klassen "noget", fx
<td class="noget"> ... </td>

Den anden matcher "td"-elementer der ligger *inden i* et element der
matcher ".noget", hvilket er alle elementer med klassen "noget".

Det gælder *ikke* for ovenstående, men fx for
---
<tr class="noget">
<td>DENNE TD MATCHER</td>
</tr>
---
eller
---
<table class="noget">
<tr> <td>DENNE TD MATCHER</td></tr>
<table>
---
eller endda:
---
<body class="noget">
....
<table>...
<tr> <td>DENNE TD MATCHER</td></tr>
</table>
...
</body>
---

> hvis jeg kunne bruger "noget" til mine td's. Er det rigtigt?

Det lyder som du mener den første, ikke den anden.
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

---

Martin wrote in dk.edb.internet.webdesign.html:
> Hej
>
> Er der nogen der kender forskellen på at skirve "div.noget" og ".noget" i
> CSS?
>
> Umelbart kan jeg ikke finde forskellen, så måske er der ingen forskel???
>
Tænker du ikke på: '#noget' i CSS, som i html-dokumentet kaldes af '<div
id="noget">' vs '.noget', som er class="noget"? I så fald er den vigtigste
forskel, at div'et er unikt (kan kun bruges én gang pr. side), mens class
kan genbruges.

Mvh Inga

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

> Mvh Inga

Overskriften var vidst ikke så vel valgt, så det kunne lige så godt
have været forskellen på div og class =)

Tak for dit svar!

Martin