Grundlæggende css Div problem..

Tags:    html css

Hej venner,
Hvor er det bare dejligt at sidde og kode webapplikationer :O

Nåååå til sagenskerne. Jeg har en kode som virker, men jeg synes den bude kunne skrives mere logisk!

<HEAD>
<STYLE type="text/css">

#links a:hover{background-color: red;}
#links a:link {background-color: green;}

</STYLE>
</HEAD>
<BODY>

<div id="links">
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</div>
</BODY>


Jeg har prøvet indkapsle alle css atributter ind i en div tag.. Men Det VIRKET IKKE - HVORFOR. hvad er forklaring ?

.div
{
a:hover{background-color: red;}
a:link {background-color: green;}
}
<BODY>
<div >
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</div>
</BODY>



Forresten er det muligt at skrive alle de viste css atributter i Divs inline style..f.ek

<div style="a:hover{background-color: red;}
a:link {background-color: green;}">

HEJ


</div>



6 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 9 karma
Sorter efter stemmer Sorter efter dato
forklaringen er at det er en ulogisk måde indkapsle attributterne.
Tænk hvis man ville formatere div-elementet:

Fold kodeboks ind/udKode 

Så begynder det jo lige pludseligt at blive uoverskueligt.

Det kan ikke skrives meget mere lige til.
Den generelle regel er først at formatere bredt og derefter at mere præcist.

Eks.:
[code]div a:link {
color: red;
}
div a.bluelink:link {
color: blue;
}[code]



"Den generelle regel er først at formatere bredt og derefter at mere præcist."

Kaldet nedarvning..

/J


Som en nybegynder ikke ville kunne forstå... :S



Brug af indlejret stylesheet eller inline-css kan ikke anbefales, da det vil modvirke evt. senere forsøg på at ændre sidens design!

Jeg anbefaler du lige tjekker op på, om du er sikker på om du vil skrive din style i HTML-dokumentet eller om du ikke med fordel kan have stylesheetet i et eksternt dokument.

Jeg linker til 3 steder, du kan læse lidt mere om det, og hvorfor man ikke skal inline-style.


http://web.sdu.dk/chn/htmlkurs/stylesheet.html

http://www.html.dk/tutorials/css/lektion2.asp

http://hjemmesideskolen.dk/html/testsider/designskift.asp



"Den generelle regel er først at formatere bredt og derefter at mere præcist."

Kaldet nedarvning..

/J



Nå ja, okay.... så skal vi nok styre fagudtrykkene herinde på et fagforum..

:)

/J





Det er godt klogesen... ;)



t