css - HTML5 の「data-」属性が CSS の「content」プロパティをオーバーライドする

Question

私は広範囲に目を向けましたが、この動作の説明を見つけることができませんでした.

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>

この動作が発生する理由を説明できる人はいますか?