| 123456789101112131415161718192021222324 |
- /* Используя поиск по селекторам из раздела “Селекторы” справочника и jQuery-функцию css, задайте стили элементам таблицы в блоке #content. Редактировать HTML нельзя, CSS не нужен. Последовательность команд:
- Таблица расположена посредине страницы, расстояния между ее ячейками нет
- Все ячейки имеют ширину-высоту 10px, цвет фона #eee, границу 1px solid #000
- Фон в ячейках первых шести строк –#106B63
- Фон в ячейках строк 7-9 –#E7C610
- Фон в ячейках строк 10-12 – #C64A08
- Фон в ячейках строк 13-15 –#B43100
- Фон в ячейках всех оставшихся строк –#102173
- У некоторых ячеек есть класс none, задайте на jQuery стиль для этого класса: фона нет, границы нет */
- $(document).ready (function (){
- $ ('table').css ({'margin': '0 auto', "border-collapse":"collapse"});
- $ ('td').css ({"width": "10px", "height":"10px", "background":"#eee", "border": "1px solid #000"});
- $ ('tr:nth-child(-n+6) td').css ({"background": "#106B63"});
- $ ('tr:nth-child(n+6):nth-child(-n+8) td').css ({"background": "#E7C610"});
- $ ('tr:nth-child(n+9):nth-child(-n+11) td').css ({"background": "#C64A08"});
- $ ('tr:nth-child(n+12):nth-child(-n+14) td').css ({"background": "#B43100"});
- $ ('tr:nth-child(n+15) td').css ({"background": "#102173"});
- $ ('td.none').css ({"background": "none", "border":"none"})
- }
- )
|
