将CSS类分组以简化样式表

这是我的问题，我正在制作一个带有下拉菜单的导航条。我已经有一个名单上所有李的班了。这里是CSS

#menu li:hover {
    border: 1px solid #777777;
    padding: 4px 5px 4px 5px;
}

#menu li a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px; 
    color: #EEEEEE;
}

#menu li:hover a {
    color:#161616;
}

这是如何实现的

<ul id="menu">
    <li><a href="#">Button 1</a></li>
    <li><a href="#">Button 2</a></li>
    <li><a href="#">Button 2</a></li>

我希望能够调用nodropdown类并覆盖按钮2，如下所示：

<ul id="menu">
    <li><a href="#">Button 1</a></li>
    <li class="nodropdown"><a href="#">Button 2</a></li> 
    <li><a href="#">Button 2</a></li>

---

但是我不认为我为nodropdown设置类格式的方法是正确的，对吗？你能帮我纠正一下吗

分组的思想是将CSS类/ID分组在一起，然后只列出一次公共属性，例如

/* Attributes for all boxes */
td.Box1, td.Box2, td.Box3 {padding: 3px 6px; font-weight: bold}

/* Unique box attributes */
td.Box1 {background: #fff}
td.Box2 {background: #000}
td.Box3 {background: #ccc}

---

你的例子没有错。如果需要的话，你可以先用基本样式添加和“a”样式，然后a.nodropdown将只具有任何覆盖或下拉“a”类特有的内容请重新查看上面的内容我更改了帖子，以便更清楚地了解我正在尝试做什么！谢谢换一种方式做不是更好吗。创建一个名为dropdown的调用，只将该调用应用于需要是dropdown的li，然后不需要重写。然后，您将得到如下结果：让我们以您创建的示例为例。比方说，我想改变颜色，悬停，并说“服务”的字体大小，但我想留下所有其他紫色和相同的字体。如果不做这样的事情，很抱歉搞混了。我在最顶端重新更新了我的帖子，以更详细地解释我正在尝试做什么。请看一下，如果您发现我创建nodropdown类的方法有问题，请告诉我？非常感谢。最好用另一种方法创建一个下拉类，这样就不需要重写了。你通常会这样做。例如：上面只查找另一个

中的
，好得多。让我们以您创建的示例为例。比方说，我想改变颜色，悬停，并说“服务”的字体大小，但我想留下所有其他紫色和相同的字体。而不是像这样做

/* Attributes for all boxes */
td.Box1, td.Box2, td.Box3 {padding: 3px 6px; font-weight: bold}

/* Unique box attributes */
td.Box1 {background: #fff}
td.Box2 {background: #000}
td.Box3 {background: #ccc}