我已经看得很远,但无法找到这种行为的解释。
为什么 HTML5 的属性会覆盖我在公共元素上的data-
CSS属性?content
例如,我定义了以下元素:
<th data-module-field="name" class="sortable sorted desc" data-bind="click:sort">Name</th>
我的CSS类如下:
.sortable.sorted.desc:after {
content: url(../Images/desc.gif);
margin-left: 3px;
}
设置data-module-field
属性后,CSS 类中定义的内容图像不会显示。但是,如果我删除data-
此属性的一部分(如下所示),内容图像将正确显示。
<th module-field="name" class="sortable sorted desc" data-bind="click:sort">Name</th>
谁能解释为什么会发生这种行为?