Html 使用css覆盖引导中的下拉列表

我从这个网站上获取了这个css

这是代码：

/*make the menu sub-menu items drop down on mouse hover */
ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
    margin: 0;
}

HTML

我想编写一个自定义类，这样只有该类的下拉列表才会显示在悬停状态

如果on hover可以在该标签上工作，那就太好了：

<ul class="dropdown-menu dropdown-menu-large row col-md-12">

---

CSS专家能帮我吗？

只需将li更改。下拉：悬停到li。下拉。yourclass:悬停。

因此，添加自定义类并编写您需要的样式want@Amitsingh我知道如何用CSS编写自定义类，但我不知道如何在不覆盖所有内容的情况下实现这个特定的CSShtml@AmitsinghNav用一个按钮包装了一个搜索框，该按钮也用于站点中的其他位置。我复制了整个html。我更改了CSS，但它不会显示在鼠标悬停上。我已经在我的帖子中添加了HTML。你能再发布一些CSS来看看哪些是隐藏的，哪些不是？因为现在我不明白什么是行不通的。

<ul class="dropdown-menu dropdown-menu-large row col-md-12">