Elementi me disa klasa CSS

Mund t'i caktosh njëkohësisht disa klasa CSS ndonjë tagu. Për këtë, në atributin class këto klasa duhet të listohen ndarë me hapësirë.

Le të shohim një shembull. Le të supozojmë se kemi disa klasa CSS:

css.error {
  color: red;
}
.large {
  font-size: 30px;
  font-family: Arial;
}

Le t'i caktojmë paragrafit edhe një klasë, edhe të dytën:

html<p class="error large">
  lorem ipsum
</p>

Задание 1

Le të supozojmë se ju keni klasat e mëposhtme:

css.success {
  color: green;
}
.error {
  color: red;
}
.large {
  font-size: 30px;
}
.small {
  font-size: 20px;
}

Le të supozojmë gjithashtu se keni 4 paragrafe. Me ndihmën e klasave të paraqitura, bëni që paragrafi i parë të jetë i gjelbër dhe me shkronja të mëdha, paragrafi i dytë - i kuq dhe me shkronja të vogla, paragrafi i tretë - i kuq dhe me shkronja të mëdha, ndërsa i katërti - i gjelbër dhe me shkronja të vogla.

Задание 2

Dilni me dhe krijoni 3 disa klasa. Caktoni ndonjë tagu njëkohësisht të tre klasat që keni menduar.