p:first-letter

[jeel2008]

hallo,

als je in je stylesheet hebt:

p:firstletter {color: red; font-size: 40px;}

ik noem maar wat
dan begint elke alinea (p) met een rode letter van 40px.

echter, stel dat ik 1 alinea NIET met een rode letter van 40px wil laten beginnen, hoe 'overrule' ik dan deze regel?

Jeel2008

 

[Firebirdy]

Maak bijvoorbeeld een nieuwe class aan

p.normalCasing:first-letter {color: inherit; font-size: inherit;}

en pas die toe op de speciale alinea:
<p class='normalCasing'>...</p>

*edit: first-letter ipv firstletter natuurlijk, verkeerd overgenomen

 

[jeel2008]

class

dus .class overruled de standaard p tag?

 

[Johantrax]

CSS-voorrang:

inline style > id > class1 > class2 > elementnesting > element

Voorbeeld:

a { text-decoration: none; }
p a { font-size: 120%; }
.class1 { background-color: #FF0000; color: #00FFFF; }
.class2 { border: solid 3px #339933; }
#mijnid { color: #FFFFFF; }

met dit als html

<p>
Hoi dit is een <a href="#">link</a><br />
Meer <a href="#" class="class2">link</a><br />
Ultieme <a href="#" class="class2 class1" id="mijnid" style="padding: 10px; border-style: outset;">link</a>
</p>

Probeer en versta