Группировка классов в CSS

Пусть у нас есть несколько классов, которые красят элементы в разные цвета:

.xxx { color: green; } .yyy { color: red; }

Пусть мы хотим сделать так, чтобы эти классы кроме цвета, задавали еще и размер шрифта:

.xxx { color: green; font-size: 30px; } .yyy { color: red; font-size: 30px; }

Так как оба класса задают одинаковый размер шрифта, давайте используем группировку селекторов следующим образом:

.xxx { color: green; } .yyy { color: red; } .xxx, .yyy { font-size: 30px; }

Упростите код, используя группировку селекторов:

.eee { font-size: 20px; line-height: 1.5; font-family: Arial; } .zzz { font-size: 30px; line-height: 1.5; font-family: Arial; }

Упростите код, используя группировку селекторов:

.eee { font-size: 20px; text-align: center; font-family: Arial; } .zzz { font-size: 30px; text-align: center; font-family: Arial; } .ggg { font-size: 35px; text-align: center; font-family: Arial; }