Inline style attribute nesting

Is it possible to somehow use nesting within an inline style, to get something like this to work?

<div style="width: 50px; height: 50px; background-color: red; transition: background-color 500ms; &:hover {background-color: blue;}"></div>

<div style="width: 50px; height: 50px; background-color: red; transition: background-color 500ms; &:hover {background-color: blue;}"></div>

2 Replies

Nesting doesn’t not work in inline styles but it will work if you put it inside <style></style> tags in your html

Ah ok, that will not be possible, but thank you