使用HTML5数据属性的CSS值
width: attr(data-width);
我想知道是否可以使用设置CSS5 data-的相同方法使用HTML5的属性来设置CSS值content。目前不起作用。
的HTML
<div data-width="600px"></div>
的CSS
div { width: attr(data-width) }
问题答案：
实际上，确实有此类功能的预定义
这个应该可以按照您的需要工作，但暂时不会。
不幸的是，它仍然是草案，并且尚未在主要浏览器上完全实现。
不过，它确实适用content于伪元素。
-
本文向大家介绍HTML5微数据属性，包括了HTML5微数据属性的使用技巧和注意事项，需要的朋友参考一下 微数据引入了五个全局属性，可供任何元素使用，并为机器提供有关数据的上下文。 属性 描述 项目范围 这用于创建项目。itemscope属性是一个布尔属性，它指示此页上有微数据，并且这是它的起点。 物品种类 此属性是一个有效的URL，用于定义项目并提供属性的上下文。 物品编号 此属性是商品的全局标
-
问题内容： 我想编写一个简单的jQuery插件，在指定元素下显示内联模式。我的想法是让脚本根据元素上指定的数据属性自动初始化。 一个非常基本的例子： 我只是想知道上面的示例中是否有效，还是必须这样做？我不在乎什么比IE9更糟糕的东西，我唯一的要求就是它是有效的HTML5。 问题答案： 有效，但不是布尔值。 自定义数据属性规范未提及对空属性处理的任何更改，因此关于空属性的一般规则适用于此： 可以通过
-
问题内容： 我想呈现输入的HTML5属性，以便可以将jquery图像选择器与react一起使用。我的代码是： 问题是即使正确地以a形式传递，它也不会在HTML中呈现- 只是呈现为。如何使变量正确传递到HTML？ 问题答案： 您不应将JavaScript表达式用引号引起来。 查看JavaScript Expressions文档以获取更多信息。
-
问题内容： 我想知道HTML5随附的这些数据属性有哪些选择器。 以这段HTML为例： 是否有选择器获得： 与所有元素下方 与所有元素下方 在其他情况下，可以使用其他选择器，例如“包含，小于，大于，等等…”。 问题答案： 查看jQuery选择器：包含一个选择器 这是有关：contains选择器的信息
-
问题内容： 我不明白为什么以下代码段会产生不同的结果，因为CSS会在画布放大时缩放画布， 与这种方法相反（按预期工作）： 问题答案： canvas元素的固有尺寸等于坐标空间的大小，其数字以CSS像素表示。但是，可以通过样式表任意设置元素的大小。 在渲染期间，将图像缩放以适合此布局大小 。
-
问题内容： 在HTML5中，属性引号是 可选 的。 引用它们的利弊是什么？ 更新：根据答案增加了优点： 引用所有属性的优点： 所有编辑都可以正确处理 更一致 更好的可移植性（更容易更改文档类型） 易于维护（尤其是如果属性可能为空） 更容易“查找和替换”更改 更清洁的文档（如果您认为引号可以提高可读性） ？ 省略 可选引号的优点： 文件大小略有减少 清洁文档（如果您希望使用最少的文字） ？ 问题答案