如何赋予CSS类优先于ID？

一尘不染

如何赋予CSS类优先于ID？

css

我有一个像这样的元素：

#idname{

  border: 2px solid black;

}



.classname{

  border: 2px solid gray;

}


<div id = "idname" class="classname">it is a test</div>

我想给它的CSS类更大的优先级，而不是它的CSS ID。可能吗？ （换句话说，我想将gray-color 设置为其border）

阅读 322

2020-05-16

共1个答案

一尘不染

不要使用，!important因为这是最糟糕的解决方案，如果您要切换样式，请按照这种方式进行操作。

#idname{

  border: 2px solid black;

}



#idname.classname {

  border: 2px solid gray;

}


<div id = "idname" class="classname">it is a test</div>

如果您还想使用该类来定位其他元素，则classname不仅要#idname 使用，还可以使用：

#idname.classname, .classname {
  border: 2px solid gray;
}

2020-05-16