Element z wieloma klasami CSS
Można jednocześnie przypisać wiele klas CSS
do dowolnego znacznika. Aby to zrobić, w atrybucie
class należy wymienić te klasy
oddzielone spacją.
Spójrzmy na przykład. Załóżmy, że mamy kilka klas CSS:
.error {
color: red;
}
.large {
font-size: 30px;
font-family: Arial;
}
Przypiszmy akapitowi zarówno jedną klasę, jak i drugą:
<p class="error large">
lorem ipsum
</p>
Załóżmy, że masz podane następujące klasy:
.success {
color: green;
}
.error {
color: red;
}
.large {
font-size: 30px;
}
.small {
font-size: 20px;
}
Załóżmy również, że masz 4 akapity. Za
pomocą przedstawionych klas spraw, aby
pierwszy akapit był zielony i z dużą
czcionką, drugi akapit - czerwony i z małą
czcionką, trzeci akapit - czerwony i z dużą
czcionką, a czwarty - zielony i z małą
czcionką.
Wymyśl i utwórz 3 dowolne
klasy. Przypisz jednocześnie jakiemuś znacznikowi
wszystkie trzy wymyślone przez ciebie klasy.
