HJÆÆÆLP! CSS.... Er du her peterandrej?

[Gomlers]

Sorry ropinga, jeg kan ta imot hjelp fra dere andre som er CSS kyndige her også..

Dette er html-fila mi:

<li id="rss-1" class="widget widget_rss"><h2 class="widgettitle"> <a class='rsswidget' href='http://www.sidenmin.com'> Nyeste på VG eller annen avis</a></h2>

HVA &¤#&¤# skal jeg stappe i en CSS fil for å kunne endre egenskaper på skrift - farge på skrift osv.. i H2?

Jeg skjønner ikke forskjell på

.class

og

#container?

og når de har blandet sammen alt:

#navi ul li a {
	display: block;
	color: #40608C;
	text-decoration: none;
	background: #ECECEC;
	padding: 0px 15px;
	line-height: 30px;
}

Begynner å gå litt lei av å ha prøvd i -jegveitikkehvorlenge- snart.

Men jeg takker for hjelp til den eller de som kan det, og jeg tar gjerne imot en liten forklaring på hva som er

.ettellerannet
#ettellerannet

og den kjente og kjære (vi blander sammen alt):

.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 100%;
}

 

[Helge]

forskjellen på .class og #div slik som du har satt det opp her er:

#div h2 { setter stil på h2 som befinner seg inne i #div, og ingenting annet }
.class-h2 { setter stil på class="class-h2" der du vil ha den }

og den 3 du kan bruke er h2 { som setter stil på alle h2 elementer du bruker i designet }

Godt nok forklart?

 

[Gomlers]

så #innhold betyr at alt som står i (id="innhold") blir endret, men ikke elementer som står utenfor id="innhold"? F.eks brukes det på h2 i id="innhold".
Blir det da (#innhold h2) i CSS'n?

.class endrer på absolutt alle elementer som da ikke står spesifisert inni en #(id?)?

og h2 som er et standard element kan brukes rett frem i CSS?


Takker for kjapt svar caper...

 

[Helge]

altså.

om du setter element bak #div så endrer du det elementet inne i #div
F.eks om du har #sidebar, og vil at h2 i sidebar skal se annerledes ut en vanlig h2, så skriver du #sidebar h2 { color: #ccc; }
Det kan gjøres med stort sett alt, a, a:hover, a:link, img osv.

.class er når du vil hente opp en og en klasse, la oss si at du skal ha 13 forskjellige h2er på en side, da lager du:
.h2-1
.h2-2
.h2-3
etc
<h2 class="h2-1">stilen på den første</h2>

og h2 som element kan brukes rett frem i CSS ja

f.eks at du ikke vil ha border på noen av bildene dine:
img { border:0px; }

 

[Gomlers]

thank you
Nå ble det perfekt!

Godt jeg endelig fikk det til, nå husker jeg det til neste gang.. CSS er liksom ikke så vanskelig.

 

[TorsteinO]

#innhold vil forandre alt som står inni <div id="innhold"> ja, mens
.klasse vil forandre alt som står med <noe_her class="klasse">

på noe_her kan det da være ganske mye rart, p, a, img, h1... (hmmm... er vel det som heter selectors?)

En ting som også er litt greit å få med seg, er at det er den SISTE, eller NEDERSTE varianten i et stilark som "gjelder", eller overkjører alt annet hvis det får en ny verdi.

Det vil si at hvis du skriver

p { font-size="12px"}
p { font-size="10px"}

i samme stilark, så får alle p-elementer 10px som størrelse.

Dette kan du utnytte, og slippe masse ekstra kode, f.ex. slik:

p { font-size="10px" color="#000" background-color="#fff"}
p .stil2 { font-size="12px"}

her vil da fargen fremdeles være den samme på det nederste elementet, som på det øverste, mens alle p-elementer i stil2-klassen, vil bli 12px istedet for 10px. Du trenger altså bare å skrive det som skal forandres fra stilene over, så ved å være litt lur kan du trimme av en god del unødvendig kode.

 

[Gomlers]

Fantastisk! - Takk til begge.