1. Alla mina sidor har lite olika egenskaper och därför har jag satt id på varje bodytag: <body id="defaultsida">, vilket gör att jag skriver så här i min CSS:
#defaultsida ul {
margin: 0px;
list-style-type: none;
padding: 0px;
}
nu vill jag att samma kod även ska gälla på sidan #gastbokssida, hur skriver jag då utan att behöva upprepa koden igen? det går inte att bara ta bort #defaultsida, då den inte ska gälla på alla sidor.
2. jag har egenskaper på min body tag som jag skriver i CSSen:
body {
background: #ffffff;
}
men om jag skulle göra dem specifika för en speciell sida var jag tvungen att skriva:
body#defaultsida {
background-color: #ccdddd;
}
altså inte #defaultsida body som man gjorde med "ul", varför då? sen fick jag syn på denna kod och blev helt förvirrad, i vilken ordning ska saker stå?
den sista koden där fungerar fint, men jag förstår inte riktigt...
3. får detta felmedelande när jag försöker validera sidan:
Line : 10 (Level : 1) You have no color with your background-color : body
och body ser ut såhär:
men om jag skulle göra dem specifika för en speciell sida var jag tvungen att skriva [...] body#defaultsida [...] altså inte #defaultsida body som man gjorde med "ul", varför då?
Om du skriver body#defaultsida så gäller det för body-element med id=defaultsida.
Skriver du #defaultsida body gäller det för body-element som ligger inuti ett element med id=defaultsida, d v s att html-elementet måste ha id=defaultsida.
Att lära sig använda selektorer på ett korrekt och bra sätt är halva grejen med att använda CSS.
Calevan skrev:
får detta felmedelande när jag försöker validera sidan:
Line : 10 (Level : 1) You have no color with your background-color : body
Lägg märke till att det är en varning, inte ett felmeddelande.
En varning ska tolkas som "hörredu, har du verkligen tänkt genom det där?" medan ett felmeddelande snarare är "vad fasiken tänkte du där?".