Hur ska jag skriva i CSS:en?

3 svar · 464 visningar · startad av Calevan 18 sep. 2005

CalevanMedlem sedan maj 20031 173 inlägg

18 sep. 2005 18:41#1

Hej!

Några olika CSS-problem:

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å?

#statistiksida .graph-numbers li { margin:0 2px 0 2px; }
#statistiksida .graph-numbers { clear:both; }
#statistiksida .graph-meter { background:#f0f0f0; vertical-align:top; }
#statistiksida li.graph-bar-empty { background:transparent; }

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:

body {
  background:           #ffffff;
  font-family:          Verdana, Arial, Sans-Serif;
  font-size:            10px;
  text-align:           justify;
}

vad menas?

tack!

m_soderlundMedlem sedan sep. 20026 425 inlägg

18 sep. 2005 18:48#2

#defaultsida ul, #gastbokssida ul {
  margin:               0px;
  list-style-type:      none;
  padding:              0px; 
}

3. Du måste speciefiera color, dvs textfärg.

body {
  background:           #ffffff;
  [b]color:              #000;[/b]
  font-family:          Verdana, Arial, Sans-Serif;
  font-size:            10px;
  text-align:           justify;
}

dectgapMedlem sedan sep. 20021 655 inlägg

18 sep. 2005 19:03#3

Calevan skrev:

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?".

CalevanMedlem sedan maj 20031 173 inlägg

18 sep. 2005 22:10#4

tack till er båda!