რთული CSS სელექტორების დაჯგუფება
დავუშვათ, გვაქვს ორი შემდეგი სელექტორი:
.block h2 {
color: red;
}
.block h3 {
color: red;
}
რადგან ეს სელექტორები ერთსა და იმავეს აკეთებენ, მათი დაჯგუფება მძიმით შესაძლებელია:
.block h2, .block h3 {
color: red;
}
გაამარტივეთ კოდი, სელექტორების დაჯგუფების გამოყენებით:
#block h1 {
text-align: center;
}
#block h2 {
text-align: center;
}
გაამარტივეთ კოდი, სელექტორების დაჯგუფების გამოყენებით:
#block h1 {
text-align: center;
font-size: 30px;
}
#block h2 {
text-align: center;
font-size: 20px;
}