Hei!
Jeg har følgende CSS:
Og følgende HTML:
Og da får jeg følgende output:
http://i.imgur.com/85Z1cUQ.png
Så har jeg følgende to spørsmål:
1: Hvorfor blir tabellen 50% bred, men teksten ikke sentrert?
2: Hvorfor blir skriften rød, men ikke fet?
På forhånd takk for hjelpen!
Beklager, jeg fikk det til nå. Det var altså annen koding som overkjørte.
Da blir spørsmålet:
Hvorfor blir td{text-align:left;} prioritert foran tr.leder{text-align:center}? Jeg trodde det var den som var mest spesifikk som bestemte, og at en class-bestemmelse var mer spesifikk enn en html-tag?
Jeg har følgende CSS:
Kode
.tab {
width: 50%;
text-align: center;
}
.tab td:nth-child(2) {
text-align: left;
}
tr.leder {
color: #f00;
font-weight: bold;
}
th {
background-color: #8c8c8c;
color: #fff;
}
Kode
<table class="tab"> <tr> <th>Plass</th> <th>Navn</th> <th>Score</th> </tr> <tr class="leder"> <td>1</td> <td>Navn</td> <td>10</td> </tr> <tr> <td>2</td> <td>Navn</td> <td>8</td> </tr> </table>
http://i.imgur.com/85Z1cUQ.png
Så har jeg følgende to spørsmål:
1: Hvorfor blir tabellen 50% bred, men teksten ikke sentrert?
2: Hvorfor blir skriften rød, men ikke fet?
På forhånd takk for hjelpen!
Beklager, jeg fikk det til nå. Det var altså annen koding som overkjørte.
Da blir spørsmålet:
Hvorfor blir td{text-align:left;} prioritert foran tr.leder{text-align:center}? Jeg trodde det var den som var mest spesifikk som bestemte, og at en class-bestemmelse var mer spesifikk enn en html-tag?
Sist endret av MatFot; 16. februar 2014 kl. 20:45.
Grunn: Automatisk sammenslåing med etterfølgende innlegg.
