Главная » Статьи CSS HTML » CSS HTML

Раскраска календаря Ucoz.

02.12.2017, 17:42

Кто хорошо знаком с псевдо-классом nth-child() тот легко сделает сам, а кто нет, то вот простое решение, просто добавьте эти стили в css в удобное место.
CSS
Код
.calTable tr:nth-child(n+3) td:nth-child(-n+5)[class] {background:blue;color:red;} /*--будние дни--*/
.calTable tr:nth-child(n+3) td:nth-child(-n+5), .calTable tr:nth-child(n+3) td:nth-child(n+6) {background:white;} /*--ячейки без даты--*/
.calTable tr:nth-child(n+3) td:nth-child(n+6)[class] {background:red;color:blue;} /*--выходные дни--*/

Категория: CSS HTML | Добавил: Sentimo [Написать автору]
Просмотров: 412 | Рейтинг: 0.0/0
Всего комментариев: 0
avatar