html - CSS - 选择 previous sibling 姐妹

Question

<分区>

Answer 1

相邻兄弟选择器+和一般兄弟选择器~只能选择第一个引用元素之后的元素。在您的 HTML 中，您试图选择一个位于引用元素之前的元素。

CSS 规范中没有“previous”兄弟选择器。在这种情况下，您需要使用 javascript，或者找到另一个元素来引用您的 #next_prayer div。

使用 jQuery，您可以实现此功能:

$('div.prayers_lower').hover(
    function() {
        $(this).prev().animate({ height: "30%" });
}, function() {
        $(this).prev().animate({ height: "auto" });
});