urkass / airport-table Goto Github PK

#Реализация Задание выполнено с помощью HTML+CSS без использования JavaScript. При выполнении задания были трудности с чередованием цвета для четных/нечетных строк, т.к. с помощью чекбоксов для показа только прибывающих/отбывающих рейсов я использую на соответствующую строку display: none.

• если использовать nth-child цвет сбивается, т.к. он был применен на элементы, которые сейчас display: none
• '''nth-type''' тоже не помогает (к сожалению он не работает с классами и нету такого псевдокласса nth-class), для его использования надо очень сильно перестраивать всю таблицу, каждую строчку делать отдельной таблицей и заключать в свой тег
• применить к фону таблицы линейный градиент так, чтобы полосы градиента совпадали со строками

Я выбрал последний вариант

В итоге все пункты задания выполнены (без js) #Ссылка вот сюда