Свойство SVG «color» не имеет приоритета над общим свойством CSS «color». ⇐ CSS
Свойство SVG «color» не имеет приоритета над общим свойством CSS «color».
\* style.css *\ :корень { --цвет логотипа: красный; --text-color: синий; } * { цвет:var(-text-color) } .logo{ цвет: var (--цвет логотипа); } \* demo.html*\ Я попытался изменить цвет SVG, используя свойство цвета в моем CSS-файле. Я выбрал класс .logo и ожидал, что логотип будет красным. Однако в итоге он стал отображаться синим цветом, как если бы общий CSS (0-0-0) имел более высокий приоритет, чем стили, специфичные для класса (0-1-0). А если я удалю свойство цвета из универсального блока, то всё будет работать нормально.
\* style.css *\ :корень { --цвет логотипа: красный; --text-color: синий; } * { цвет:var(-text-color) } .logo{ цвет: var (--цвет логотипа); } \* demo.html*\ Я попытался изменить цвет SVG, используя свойство цвета в моем CSS-файле. Я выбрал класс .logo и ожидал, что логотип будет красным. Однако в итоге он стал отображаться синим цветом, как если бы общий CSS (0-0-0) имел более высокий приоритет, чем стили, специфичные для класса (0-1-0). А если я удалю свойство цвета из универсального блока, то всё будет работать нормально.
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение