Page 178 - Сила CSS3 Освой новейший стандарт
P. 178

178  •  Глава 5. Повышение эффективности за счет псевдоклассов























            Рис. 5.3.  Четные облачка с комментариями теперь выводятся
                    на приглушенном голубом фоне























            Рис. 5.4.  Быстрая корректировка значений HSLA дает нам более яркий
                    оттенок синего для четных облачков с комментариями

            С существующим уровнем насыщения новый голубой оттенок выглядит хуже, чем
            старый зеленовато-синий цвет. Давайте сделаем его насыщеннее и контрастнее,
            увеличив соответствующие значения:
            li:nth-child(even) blockquote {
                background-color: hsla(210,70%,82%,.5);
            }

            Теперь голубые облачка стали ярче (рис. 5.4). В синтаксисе HSLA подходящий цвет
            выбрать очень просто, а :nth-child() позволяет с легкостью применить этот цвет


                                                        www.trk.kg
   173   174   175   176   177   178   179   180   181   182   183