悬停在其他元素上时更改样式

Question

很抱歉，如果标题看起来令人困惑，我只是没有办法描述我的情况。

我正在使用bootstrap并且有一个.navbar-inverse的类，当它悬停在上面时，我希望.navbar-inverse的标签的border-color为black 。

CSS可以做到吗？

Answer 1

如果您的意思是简单的悬停功能，则在.navbar-inverse下添加常规样式，对于悬停，请在以下位置添加样式

.navbar-inverse:hover {
    border-color: black;
}

这是否回答你的问题？

Answer 2

正如我评论，如果有你的元素class的.navbar-inverse都有a标签作为孩子，你可以像使用一个选择

.navbar-inverse:hover a {
    border: 1px solid #000;
}

请注意，如果没有设置初始边框，则将hover在border上会使元素移动，因此在这种情况下，您可以使用类似

.navbar-inverse a {
    border: 1px solid transparent; /* or replace transparent 
                                      with any hex you want */
}

然后使用上面的:hover选择器。