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

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

CSS可以做到吗?

#1楼 票数:0

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

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

这是否回答你的问题?

#2楼 票数:0 已采纳

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

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

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

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

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

  ask by Samrikan translate from so

未解决问题?本站智能推荐:

2回复

为什么我的元素在悬停时不会更改样式?

我知道其他人也有类似的问题,但是他们的解决方案不起作用。 以下原因是什么? 上面的代码确实更改了z-index。 但是这个确实。 这是什么原因,因为我需要知道,因为悬停更改样式时只需要该类。 请帮忙。 我的HTML代码
1回复

将鼠标悬停在其他页面元素上时更改点样式

我有一个清单,我从PHP中提取了捐助者,然后为每个捐助者动态分配一个ID,即 现在,我有一个Highcharts气泡图。 气泡(点)ID等于跨度ID。 我的气泡的样式设置为无填充和白色边框。 将鼠标悬停在跨度上时,我希望气泡的边框变为虚线。 我怎么做? 如果不可能,我想更改颜色或
2回复

悬停在其“之后”时,css样式整个元素

我有这个按钮/语音泡沫: 码: 将鼠标悬停在按钮上时,我可以使用这种样式来更改小箭头的颜色: 将鼠标悬停在气泡上时会产生以下效果: 但是,当我将鼠标悬停在小箭头上时,不会导致整个按钮改变颜色: 选择小箭头( .bubble:after )悬停并影响整个按钮( .b
2回复

将元素悬停在其他元素上时

我在菜单上有三个项目:画廊,联系人和关于。 当用户将鼠标悬停在画廊上时,我想联系并准备下移,我在这样做时遇到了麻烦。 有人知道我应该怎么做吗? 这是我正在使用的HTML: 这是CSS: 编辑: 我解决了这个问题! 谢谢大家的帮助!
2回复

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

我有以下HTML代码: 我想要做的是将鼠标悬停在h2元素以及spantext和nonspantext上以更改颜色。 我的局限性是我不能将Nonspantext放在span标记内(我完全不能更改HTML代码)。 问题是当我放CSS规则时 只有spantext会在悬停时和我放置代码时更
6回复

单击“类”时更改样式元素

因此,我有一个使用类名“ optin-box”的不带ID的元素,并且我有一个“ my-nav”类的导航项,当前具有margin-top:46px。 当我单击optin框时,我想从“ my-nav”类中删除页边空白 我最近得到的是: 或这个 并尝试了变体,但我无法使其正常工作。 控
3回复

当鼠标悬停在其他div元素上方时,更改一个div元素的属性

很抱歉再次提起这个问题,因为我很确定它已经在这里的线程中得到了解答,但是在较旧的主题中发布似乎毫无意义。 但我想知道这是否仍然是真的我实际上需要jQuery(或类似的东西),以便在悬停在其他div元素上方时更改一个div元素的属性? 如果答案仍然是肯定的,请看下面的图片: 这是我现在想
1回复

悬停在绝对元素上时更改相对元素

* { margin: 0; padding: 0; list-style: none; } .navigation-menu { display: flex; justify-content: space-around; background: #181818; } .navigation