我的问题如下： 我有一个带主导航的导航栏，其中一些链接还有其他下拉菜单。 每当我将鼠标悬停在下拉菜单上时，我都会尝试更改主链接的样式。 我不能使用类，因为它会改变所有主要导航链接的样式。这意味着我无法使用以下方法
.dropdown:hover ~ .main{
change css here
}
我也无法为链接下拉列表和主导航使用单独的ID，因为它已显示在太多页面上。
HTML的格式如下
<a class="main-link">Main Link</a>
<div class="drop-down"></div>
我的问题是;有没有办法改变直接出现在HTML文档中的元素之前的元素的样式？