带空格的 HTML 类属性,它是 W3C 有效类吗?

标签 html css

关于 HTML class 属性,它将 CSS 类(或类?)分配给标签。 空格的使用,比如

<tag class="a b">....</tag>

有效吗?

这种语法被一些网页设计师使用,并出现在 Adob​​e InDesign(使用版本 5 和 6 测试)和其他 HTML 生成软件的导出 HTML 中......

它 (class="a b") 是有效的 W3C 语法吗? 什么版本的 CSS 和 HTML? (从哪个版本开始生效?)


编辑:一个自然的子问题“W3C 说如何解释它?” (这是“覆盖”或其他渲染行为?)was posted here .

最佳答案

这是两个不同的类 ab,用空格分隔。见w3c DOCS

class = cdata-list [CS]

this attribute assigns a class name or set of class names to an element. Any number of elements may be assigned the same class name or names. Multiple class names must be separated by white space characters.


如果你有两个类

.a { font-weight: bold; }
.b { font-weight: normal; }

并在class="a b"class="b a"中赋值,之后的类会覆盖之前的具有相同属性的类,所以字体粗细将是正常的

如果你改变CSS定义顺序,

.b { font-weight: normal; }
.a { font-weight: bold; }

现在后面的类是粗体,所以“覆盖具有相同属性的前面的类”结果字体粗体

关于带空格的 HTML 类属性,它是 W3C 有效类吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13808846/

相关文章:

css - 谷歌结构化数据不起作用

html - 使用 CSS 将元素置于最前面

javascript - 关于html中的 "paragraph sliding"

javascript - 打开和关闭菜单

html - 如何单独且排他地更改 btn-group 颜色?

html - div 内的 img 应填充宽度或高度

html - 图像 flex 元素不会收缩 flex 盒中的高度

javascript - 如何处理冲突的库? - mathquill 与 bootstrap

javascript - 如何遍历表中输入的所有值(html/javascript)

html - 如何为手机自动缩放页面