Selectors of eigenschappen groeperen



Selectors

Als verschillende selectors dezelfde stijl moeten krijgen kan men ze in één stijlregel groeperen, waar ze van elkaar door komma's gescheiden worden.

Voorbeeld:

H1, H2, H3 {font-family:Tahoma; color:indianred;}

is hetzelfde als:

H1  {font-family:Tahoma; color:indianred;}
H2  {font-family:Tahoma; color:indianred;}
H3  {font-family:Tahoma; color:indianred;}

Formaateigenschappen

Ook formaateigenschappen kan men bundelen.

Voorbeeld:

H1 {font:normal bold 15pt/17pt  Arial}

is hetzelfde als

H1 {font-style: normal;
font-weight: bold;
font-size: 15pt;
line-height: 17pt;
font-family: Arial;
}

Opgepast!
Wanneer  fonteigenschappen gegroepeerd worden moeten font-style en font-weight voor de andere geplaatst worden!
De titel <H1> wordt niet in vetjes getoond als je de stijlregel als volgt opbouwt:

H1 {font:15pt/17pt bold Arial normal}