将css id更改为一个类

Question

我得到了以下css：

#navlist li #current
{
  color: #000;
  background: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

我需要将#current元素更改为一个类，以便将其动态分配给正确的li。

如何将上面的代码转换为具有相同结果的.current，并且仍然仅适用于#navlist li元素。

我真的不擅长CSS，我不知道怎么写这个。 （我尝试过没有太大成功的方法）

Answer 1

编辑：以下代码应该有效。

#navlist li {
    color: #000;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

Answer 2

我不确定我理解您的问题，但ID和类之间的主要区别在于ID必须在您的页面中是唯一的。所以只要只有一个元素id="current"，一切都很好。如果您需要多个，请将其更改为class="current"。

在CSS中，您将使用#current {...}设置ID的属性，并使用.current {...}

设置类的属性

希望它有所帮助。

更新： 根据您的HTML结构，您需要的是#navlist li.current（对于当前类的li）或#navlist li .current（对于子元素 - 如li的div）。在这种情况下，CSS将仅应用于navlist div中具有类 current 的元素。

Answer 3

尝试：

#navlist li {
   // styles here
}