--- id: 587d7faa367417b2b2512bd4 title: Додавання до елементу D3 ефекту при наведенні курсором challengeType: 6 forumTopicId: 301469 dashedName: add-a-hover-effect-to-a-d3-element --- # --description-- Однією з можливостей є додавання до елемента ефектів, які його виділятимуть, коли користувач наводить на нього курсор. Поки що стилізація прямокутників застосовується з вбудованими D3 та SVG методами, але ви можете також використовувати і CSS. Спочатку ви встановлюєте CSS клас на елементах SVG за допомогою методу `attr()`. Потім псевдоклас `:hover` для вашого нового класу зберігає правила стилю для будь-яких ефектів, які виникаються при наведенні курсором. # --instructions-- Використайте метод `attr()`, щоб додати клас `bar` до всіх елементів `rect`. Це змінює колір елементу `fill` на коричневий, коли ви наводите на нього курсор. # --hints-- Ваші елементи `rect` повинні мати клас `bar`. ```js assert($('rect').attr('class').trim().split(/\s+/g).includes('bar')); ``` # --seed-- ## --seed-contents-- ```html ``` # --solutions-- ```html ```