Du skal være enormt opmærksom på krydsende properties, og at der findes noget, som det ikke er særlig relevant at arve
-- et godt eksempel på det kunne være noget background, som man ikke sjældent angiver med background: -- altså samle-propertien, så bliver det svært at styre enkelt-egenskaber også ...
og du skal være opmærksom på opførsel af forskellige egenskaber -- for selvom en text-input gladeligt tager en baggrund vil den jo ikke arve den fra et element oven over den i hierarkiet -- den er jo ikke baggrund i forhold til en td, den ligger inde i ...
Når det er sagt, så kunne et hurtigt gæt på en ofte set fejl være at en _senere_ forekommende style-definition *også* matcher og derfor overtager ...
Man kan sige at css læser bagfra indtil den finder en match og så stopper, når den skal style et element
-- og her har vi fat i source-kode-orden -- et eksternt stylesheet vil oftest komme før et internt style-sheet, og en lokalt angivet property vil override alt andet ...
-- mere rigtigt end at sige, at der læses bagfra er, at der læses forfra og så opbygges et bibliotek over de styles, som skal bruges, men det er så klart at biblioteket ikke kan være færdigt, før bunden er nået, og så er der sikkert blevet hevet en bog eller flere ud og erstattet med nogle andre ...
Et lille eksempel (jeg kunne ikke lige finde det jeg havde fat i igår, som også illustrerede):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><HTML>
<HEAD>
<TITLE>Eksemple på style</TITLE>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<STYLE TYPE="text/css">
a {color: #ff0000;
text-decoration:none;
font-weight:bold;
}
.andetLink a{
color: #0000ff;
text-decoration:underline;
font-weight:bolder;
}
.tredjeLink a{
font-family:arial;
color: #0077ff;
text-decoration:overline;
font-weight:100;
}
</STYLE>
</HEAD>
<BODY>
<A HREF="#">Et link med standard-style</A>
<TABLE CLASS="andetLink">
<TR><TD><A HREF="#">Et link med andetLink-style</A><BR></TD></TR>
<TR class="tredjeLink"><TD><BR><A HREF="#">Et link med tredjeLink-style</A><BR></TD></TR>
<TR><TD><A HREF="#">Et link med andetLink-style</A><BR></TD></TR>
</TABLE>
<TABLE>
<TR><TD><BR><A HREF="#">Et link med standard-style</A></TD></TR>
</TABLE>
</BODY>
</HTML>
Ny bruger
Nybegynder
Opret
Preview
