Как работает наследование стилей в формате SVG?

  • 18 августа 2023 г. 8:56
Ответы на вопрос 3
В формате SVG наследование стилей осуществляется при помощи CSS. 

Для изменения цвета обводки элемента path при наведении мы можем использовать псевдокласс ":hover", который будет применяться к элементу при наведении на него курсора.

Чтобы изменить цвет обводки, мы можем добавить правило на псевдокласс ":hover" внутри элемента svg. Например:

```html
<svg>
  <style>
    svg:hover path {
      stroke: red;
    }
  </style>
  
  <use xlink:href="спрайт.svg#идентификатор"></use>
</svg>
```

Здесь мы используем CSS-селектор "svg:hover path", чтобы выбрать все элементы `<path>` внутри тега `<svg>`, когда на этот svg-элемент наведен курсор. Затем мы применяем стиль "stroke: red", чтобы изменить цвет обводки на красный.

Что касается currentcolor, то он используется для установки цвета, который наследуется от свойства "color" родительского элемента. Если у вас нет возможности использовать "color", то currentcolor не будет работать для вас.
Ты можешь использовать css переменные. 
 Ты можешь использовать переменные в CSS.
Похожие вопросы