html – 具有多个标识符的css类定义

概述我刚刚开始学习CSS，遇到一个我不完全明白的例子。我不能很好地描述这一点，这使得找到一个答案很困难(因此，如果一个答案已经存在，我已经被忽视了，我很抱歉)。 我的问题是关于以下示例： .theme-light.slider-wrapper { background: #fff; padding: 10px;} 我明白CSS中的类是使用.name语法定义的，然后可以在这样的标签中使用： < 我刚刚开始学习CSS，遇到一个我不完全明白的例子。我不能很好地描述这一点，这使得找到一个答案很困难(因此，如果一个答案已经存在，我已经被忽视了，我很抱歉)。

我的问题是关于以下示例：

.theme-light.slIDer-wrapper {  background: #fff;  padding: 10px;}

我明白CSS中的类是使用.name语法定义的，然后可以在这样的标签中使用：

<div ></div>

我不明白.name1 .name2的“双”声明如何工作，以及如何在标签中使用。

在相关的注释中，我给出的示例网站使用标签中的ID，不存在于样式表中。

解决方法 也许这个使用示例会为你清除。

想象下面的情况。

你将会拥有：

<div >some stuff</div><div >some stuff</div><div >some stuff</div><div >some stuff</div><div >some stuff</div>

并且让我们说你希望div具有如下相同的属性：

.general-div {wIDth: 300px; height: 300px; border: 1px solID #000;}.extra-div {wIDth: 200px; height: 200px; border: 1px solID #666;}

但是您希望.special类的.general-div具有红色背景，而extra-div与.special类具有蓝色背景。

你会写：

.general-div.special {background-color: red;}.extra-div.special {background-color: blue;}

希望它清除使用有关情况。

总结

以上是内存溢出为你收集整理的html – 具有多个标识符的css类定义全部内容，希望文章能够帮你解决html – 具有多个标识符的css类定义所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。