Результаты поиска по запросу: *

It won't, as I explained, the :hover of the parent will be trigged only when the button is selected, you can play around on codepen and set a normal width to the button. https://codepen.io/ofuwdwfe-the-animator/pen/wvOjxrP

I made a work around on @Steve Dogs solution I just set pointer-event: none; for the parent and 'all' for the childs, this way the parent will only trigger :hover when the button is selected. https://codepen.io/ofuwdwfe-the-animator/pen/wvOjxrP

:ROFLMAO::ROFLMAO: I just saw now how wrong it is lol I remember reading an article about * when you recommended me not to use it, it should be possible to do something like this, I don't remember how

Forgot the codepen, sorry https://codepen.io/ofuwdwfe-the-animator/pen/wvOjxrP

Oh, :has is supported by all major browsers, but this can also be made with * but I don't know if I would use it instead of :has

I want to participate but is hard to understand russian)) The css to do this would be the use of :has and ~ :has To select the previous siblings: ~ To select the next siblings: https://codepen.io/ofuwdwfe-the-animator/pen/wvOjxrP