Skillnad mellan #header och div#header?

2012-01-29 18:57

Permalänk

pauwner

Medlem

Registrerad: Nov 2011

●

Skillnad mellan #header och div#header?

Vad är skillnaden mellan dessa två sätt?

Exempel:
#header
div#header

Vad gör div framför #header?

Rapportera Redigera

Citera flera Citera

2012-01-29 19:18

Permalänk

No0Vad

Medlem

Registrerad: Jan 2006

●

Man kan säga att CSSen för just #header ska gälla en div. Men när det gäller ID är det onödigt då endast en tag kan ha IDet

Ta en klass istället
.big kommer gälla för alla taggar
span.big kommer endast gälla för en span med klassen big. Men span-taggen också också få samma CSS som .big klassen ger.

Något enkelt http://jsfiddle.net/TETVV/

Rapportera Redigera

Citera flera Citera

2012-01-29 19:39

Permalänk

pauwner

Medlem

Registrerad: Nov 2011

●

Skrivet av No0Vad:

Man kan säga att CSSen för just #header ska gälla en div. Men när det gäller ID är det onödigt då endast en tag kan ha IDet

Ta en klass istället
.big kommer gälla för alla taggar
span.big kommer endast gälla för en span med klassen big. Men span-taggen också också få samma CSS som .big klassen ger.

Något enkelt http://jsfiddle.net/TETVV/

Gå till inlägget

Tack för ditt svar, förstår användningen något bättre nu.

Betyder det att h1#header och #header h1 blir samma sak eller vad är skillnad där?

Rapportera Redigera

Citera flera Citera

2012-01-29 19:43

Permalänk

anon150287

Inaktiv

Registrerad: Apr 2010

●

Skrivet av pauwner:

Tack för ditt svar, förstår användningen något bättre nu.

Betyder det att h1#header och #header h1 blir samma sak eller vad är skillnad där?

Gå till inlägget

h1#header väljer endast h1 element med id:et "header" medan #header h1 väljer alla h1 element som finns i ett element med id:et "header".

Rapportera Redigera

Citera flera Citera

2012-01-29 19:48

Permalänk

pauwner

Medlem

Registrerad: Nov 2011

●

Eller span.big och .big span är kanske ett bättre exempel.

Rapportera Redigera

Citera flera Citera

2012-01-29 20:06

Permalänk

pauwner

Medlem

Registrerad: Nov 2011

●

Skrivet av anon150287:

h1#header väljer endast h1 element med id:et "header" medan #header h1 väljer alla h1 element som finns i ett element med id:et "header".

Gå till inlägget

Om jag förstått det rätt så blir det:

h1#header = <h1 id="header">Text</h1>

#header h1 = <div id="header"><h1>Text</h1></div>

Rapportera Redigera

Citera flera Citera

2012-01-29 20:33

Permalänk

Cloudburst

Medlem

Registrerad: Apr 2006

●

Korrekt

Rapportera Redigera

Citera flera Citera

2012-01-29 20:44

Permalänk

pauwner

Medlem

Registrerad: Nov 2011

●

Skrivet av Cloudburst:

Korrekt

Gå till inlägget

Tack för alla svar!

Testade att koda lite och har kläm på det hela nu.

Rapportera Redigera

Citera flera Citera

2012-01-31 09:13

Permalänk

hunden

Testpilot

Plats: Norrköping
Registrerad: Sep 2002

●

Skrivet av No0Vad:

Man kan säga att CSSen för just #header ska gälla en div. Men när det gäller ID är det onödigt då endast en tag kan ha IDet

Gå till inlägget

Helt onödigt behöver det inte vara, man skulle ju kunna ha samma CSS-fil till flera sidor och på så vis styla header-elementet olika beroende på om det är en div eller nått annat på just den sidan.

Kanske inte jätteanvändbart då man nog oftast vill att headern ska se lika dan ut på alla sidor men iallafall ett alternativ

Visa signatur

Kolla gärna in min RGB-LED-ljusstake i galleriet
[Gigabyte GA-Z97MX-Gaming 5][Intel Core i5 4690K][Corsair XMS3 16GB][Asus GeForce RTX 2060 Super Dual Evo OC]

Rapportera Redigera

Citera flera Citera

Skillnad mellan #header och div#header?

Skillnad mellan #header och div#header?

Externa nyheter

Spelnyheter från FZ