<分区>
我有一个这样的 HTML 结构:
<svg>
<path/>
</svg>
<img/>
有没有办法做类似“display:block;”的事情？当 ，仅使用 CSS？
标签 css css-selectors
<分区>
我有一个这样的 HTML 结构:
<svg>
<path/>
</svg>
<img/>
有没有办法做类似“display:block;”的事情？当 ，仅使用 CSS？
最佳答案
这只有在可以选择 <path/> 的父级时才有可能不幸的是这是不可能的，所以你的回答是这是不可能的。
如果您想使用 javascript 来尝试这个，我可以为您提供一个 jQuery(不是最好的)示例。
$('svg > path').hover(function(){
$(this).parent().next().addClass('hover');
}, function() {
$(this).parent().next().removeClass('hover');
});
然后在你的 css 中你可以做。
img.hover{
// These styles take effect when you hover `<path>`
}
关于CSS 下一个元素(无兄弟)选择器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18595353/