Element met verskeie CSS-klasse
Jy kan gelyktydig verskeie CSS-klasse aan 'n
enkele tag toeken. Om dit te doen, moet jy die
klasse in die class-attribuut lys,
geskei deur spasies.
Kom ons kyk na 'n voorbeeld. Gestel ons het 'n paar CSS-klasse:
.error {
color: red;
}
.large {
font-size: 30px;
font-family: Arial;
}
Kom ons ken beide die eerste en die tweede klas aan 'n paragraaf toe:
<p class="error large">
lorem ipsum
</p>
Gestel die volgende klasse word gegee:
.success {
color: green;
}
.error {
color: red;
}
.large {
font-size: 30px;
}
.small {
font-size: 20px;
}
Gestel jy het ook 4 paragrawe. Met
behulp van die gegewe klasse, maak so dat
die eerste paragraaf groen is met 'n groot
font, die tweede paragraaf rooi met 'n klein
font, die derde paragraaf rooi met 'n groot
font, en die vierde paragraaf groen met 'n
klein font.
Bedenk en skep 3 enige klasse. Ken
dan al drie klasse wat jy bedink het gelyktydig
aan dieselfde tag toe.
