当一个不同的元素悬停时，使样式发生变化

Question

很抱歉，如果标题看起来令人困惑，我就不知道如何描述我的情况。

我正在使用bootstrap，我有一个.navbar-inverse的类，当它悬停在我想要.navbar-inverse a标签时， black 的border-color 。

这可以用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; } 个标记，则可以使用

之类的选择符

border

请注意，在hover上应用.navbar-inverse a { border: 1px solid transparent; /* or replace transparent with any hex you want */ } 会使您的元素移动，如果它们没有初始边框设置，那么在这种情况下您可以使用类似

的内容

:hover

然后使用上面的{{1}}选择器。