假设我有一个 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 */
Question:是否有一种语法可以将类应用于元素,从而消除要使用的样式版本的歧义?
例如(伪代码):
<span id="mySpan" class="Styles1.css:SomeStyle">Example</span>
免责声明:我知道更好的解决方案是解决两个样式表之间的名称冲突,但我问这个问题主要是出于学术原因。
是否有一种语法可以将类应用到元素,从而消除要使用的样式版本的歧义?
不会。后一种样式会覆盖前一种样式,成为一种计算样式。没有办法挽回这一点。
您唯一可以做的就是为每个定义附加附加类:
.SomeStyle.First {font-weight:bold; } /* in Styles1.css */
.SomeStyle.Second {font-weight:normal;} /* in Styles2.css */
然后使用
<span id="mySpan" class="SomeStyle Second">Example</span>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)