两个div相同的CSS？

是否可以使用相同的css创建两个div，例如：

.Navig1, .Navig11 a {
  display: block;
  height: 15px;
  width: 70px;
  background-color: {color: Navig Bg 1};
  text-align: center;
  font-size: 8px;
  line-height: 15px;
  color: #FFF;
}

因为我不希望我的样式代码太长，我需要这两个看起来一样，但悬停时不同，我想这可以，但这代码不起作用。 我哪里出错了？

css不是“可编程的”。没有变量或方法可以说“这里使用第X节中包含的样式”

但是，您可以通过从此块中删除bgcolor定义并创建一个新定义来修复它

.Navig1, .Navig11 a {
    ... as before ...
}

.Navig1, .Navig11 {
    background-color: #xxx;
}

css不是“可编程的”。没有变量或方法可以说“这里使用第X节中包含的样式”

但是，您可以通过从此块中删除bgcolor定义并创建一个新定义来修复它

.Navig1, .Navig11 a {
    ... as before ...
}

.Navig1, .Navig11 {
    background-color: #xxx;
}

---

您可以通过以下方式做您想做的事情：

.Navig1, .Navig11 a {
    /* Common Styles */
}

.Navig1:hover {
    /* Navig1 Specific Styles on Hover */
}

.Navig11 a:hover {
    /* Navig1 a Specific Styles on Hover */
}

---

但是，正如其他回答者提到的，您已经破坏了CSS。背景色应该是什么样的？

您可以通过以下方式实现您想要的功能：

.Navig1, .Navig11 a {
    /* Common Styles */
}

.Navig1:hover {
    /* Navig1 Specific Styles on Hover */
}

.Navig11 a:hover {
    /* Navig1 a Specific Styles on Hover */
}

但是，正如其他回答者提到的，您已经破坏了CSS。背景色应该是怎样的？

是的，可能是：

.Navig1 a, .Navig11 a {
  display:block;
  height:15px;
  width:70px;
  background-color:#000;
  text-align:center;
  font-size:8px;
  line-height:15px;
  color:#FFF;
}

.Navig1 a:hover {
  /*css property*/
}

.Navig11 a:hover {
  /*other css property*/
}

是的，有可能：

.Navig1 a, .Navig11 a {
  display:block;
  height:15px;
  width:70px;
  background-color:#000;
  text-align:center;
  font-size:8px;
  line-height:15px;
  color:#FFF;
}

.Navig1 a:hover {
  /*css property*/
}

.Navig11 a:hover {
  /*other css property*/
}

---

如果您还提供html，那么就更容易确定您的目标。不需要有两个CSS类。您可以使用单个CSS类为页面上的多个元素设置样式

如果您有多个div容器，其中两个设置了一个名为mynav的类：

<div class="mynav"></div>
<div></div>
<div class="mynav"></div>

如果您希望有一个变体，那么您只需要创建一个规则，根据您正在执行的操作，元素将如何变化

还考虑如果需要的话，为一个元素使用一个以上的类。您的部门可以是：

<div class="mynav someotherclass"></div>

---

您可能会发现，对于您正在做的事情，一些简单的Javascript是最好的解决方案。

如果您还提供html，则更容易确定您的目标。不需要有两个CSS类。您可以使用单个CSS类为页面上的多个元素设置样式

如果您有多个div容器，其中两个设置了一个名为mynav的类：

<div class="mynav"></div>
<div></div>
<div class="mynav"></div>

如果您希望有一个变体，那么您只需要创建一个规则，根据您正在执行的操作，元素将如何变化

还考虑如果需要的话，为一个元素使用一个以上的类。您的部门可以是：

<div class="mynav someotherclass"></div>

---

您可能会发现，对于您正在做的事情，一些简单的Javascript是最好的解决方案。

对不起，我显然不理解这个问题：）对不起，我显然不理解这个问题：）