Wspólne właściwości przy grupowaniu selektorów w CSS
Zdarza się, że część właściwości niektórych selektorów jest taka sama, a część różni się. W poniższym kodzie, na przykład, nagłówki i akapit mają czerwony kolor, ale akapit ma dodatkowo jeszcze inne właściwości:
cssh2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
W takim przypadku można zgrupować powtarzające się części, a to, co się nie powtarza, zapisać osobno:
cssh2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Задание 1
Uprość kod, używając grupowania selektorów:
cssh1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Задание 2
Uprość kod, używając grupowania selektorów:
cssh1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}