0

我已经看得很远,但无法找到这种行为的解释。

为什么 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>

谁能解释为什么会发生这种行为?

4

0 回答 0