CSS Kolejnym elementem (brak rodzeństwa) selektor

Question

Mam strukturę HTML tak:

<svg> 
    <path/> 
</svg> 
<img/> 

Czy istnieje sposób, aby zrobić coś w stylu „display: block;” do <, gdy jest ukryty, tylko z CSS?

Answer 1

Jest to możliwe tylko wtedy, gdy można wybrać rodzica <path/>, co niestety nie jest możliwe, więc odpowiedź brzmi, że nie jest to możliwe.

Jeśli chciałbyś wypróbować to z javascript, mogę dostarczyć ci przykład jQuery (nie najlepszy).

$('svg > path').hover(function(){ 
    $(this).parent().next().addClass('hover'); 
}, function() { 
    $(this).parent().next().removeClass('hover'); 
}); 

Następnie w swoim css możesz zrobić.

img.hover{ 
    // These styles take effect when you hover `<path>` 
}