CSS中是否有规则确定在元素上定义多个类时的级联顺序?(class="one two"vs class="two one")
现在,似乎没有这样的效果.
示例:Firefox上的两个div都是橙色
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
.one { border: 6px dashed green }
.two { border: 6px dashed orange }
</style>
</head>
<body>
<div class="one two">
hello world
</div>
<div class="two one">
hello world
</div>
Run Code Online (Sandbox Code Playgroud) 关于HTML 类属性,它将CSS类(或类?)分配给标记.空间的使用,如在
<tag class="a b">....</tag>
Run Code Online (Sandbox Code Playgroud)
已验证?
某些Web设计人员使用此语法,并将其发生到Adobe InDesign的导出HTML(使用版本5和6进行测试)以及另一个HTML生成软件......
It(class="a b")是一个有效的W3C语法? 什么版本的CSS和HTML?(从哪个版本开始有效?)
编辑:一个自然的子问题 "W3C说如何解释它?" (这是"覆盖"或其他再现行为?)在这里发布.
与css中的类的优先级相关的混淆,我知道在最后添加的类具有最高优先级,但在我的情况下,我认为我错了我动态地将类添加到div,但类不能正常工作
<p>Click the button to add the "mystyle" class to DIV.</p>
<script>
function myFunction() {
document.getElementById("myDIV").classList.add("mystyle","hello");
}
</script>
<style>
.hello{
background-color: blue;
}
.mystyle {
background-color: red;
}
</style>
Run Code Online (Sandbox Code Playgroud)
为什么div显示红色而不是蓝色?