是否有语法来解决两个样式表之间的CSS类名称的歧义？

Question

假设我有一个导入两个样式表的HTML页面,如下所示:

<link href="Styles1.css" rel="stylesheet" type="text/css" />
<link href="Styles2.css" rel="stylesheet" type="text/css" />

还假设在上述两个样式表中都出现了具有相同名称的类.

.SomeStyle {font-weight:bold;  } /* in Styles1.css */
.SomeStyle {font-weight:normal;} /* in Styles2.css */

问题:是否有一种语法可以将类应用于元素,以消除使用哪种版本的样式的歧义？

例如(伪代码):

<span id="mySpan" class="Styles1.css:SomeStyle">Example</span>

免责声明:我知道更好的解决方案是解决两个样式表之间的名称冲突,但我主要是出于学术原因.

Answer 1

是否有一种语法,我可以以一种消除使用哪个版本的样式的方式将类应用于元素？

不会.后一种风格会将前者改为一种计算风格.没有办法撤消这一点.

您唯一能做的就是为每个定义附加其他类:

.SomeStyle.First {font-weight:bold;  } /* in Styles1.css */
.SomeStyle.Second {font-weight:normal;} /* in Styles2.css */

然后使用

<span id="mySpan" class="SomeStyle Second">Example</span>