Css 如何悬停多个项目？

我希望当用户将

悬停在Egipat上时，价格也将
悬停在Egipat上。这仅在CSS中可能，还是我需要使用JQuery

<div class="col-sm-10 col-xs-12">
    <div class="col-sm-6 col-xs-5 tabela">
        <h5>Egipat 14.6-14.7</h5>
    </div>
    <div class="col-sm-2 col-xs-4 tabela2">
        <h5>
            <i class="fa fa-star"></i> 
            <i class="fa fa-star"></i> 
            <i class="fa fa-star"></i> 
            <i class="fa fa-star blue"></i> 
            <i class="fa fa-star blue"></i> 
        </h5> 
    </div>
    <div class="col-sm-3 col-xs-3 tabela3">
        <h5>Price: 385 kn</h5> 
    </div>
</div>


Egipat 14.6-14.7
价格：385千牛
不，这是不可能的。您不能在css中转到父元素，只能转到下一个或子元素

仅当您检查html代码中第一个div的悬停时

col-sm-10:hover > div > h5{
/*do something*/
}

，您可以使用以下方法将父对象本身悬停
：


.tabela:hover，/*“Egipat”容器*/
.tabela:hover+div+div/*“price”容器*/
{
颜色：红色；
}

Egipat 14.6-14.7
价格：385千牛
您可以使用通用同级选择器
~
实现这一点；您可以阅读更多关于它的信息：


.tabela:悬停{
背景色：#ccc；
}
.tabela:hover~.tabela3{
背景色：#ccc；
}

Egipat 14.6-14.7--悬停
价格：385千牛——悬停
巧妙的技巧，我已经删除了我的答案。我不知道这个，但我会开始使用它。tnx！！当我悬停任一元素时（如果可能的话），你能扩展你的答案并展示它是如何工作的吗？我似乎找不到合适的选择器。简单地颠倒逻辑太容易了，幸运的是，你无法扭转效果。常规同级选择器要求在DOM中的目标元素之前声明第一个元素。因此在本例中，
.tabela
必须位于DOM中的
.tabela3
前面。据我所知，没有办法进行反向选择。我想你需要javascript来实现这一点。我正在仔细考虑这一点。一个选项是给他们相同的ID，但这是不好的行为…检查
：将
悬停在
a
上，并使用相等的
目标
s