1 
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'Flat-UI-Icons';
  content: attr(data-icon);
  speak: none;

このコードは、ブートストラップ テーマ テンプレートの 1 つで見ました。data-icon または attr(data-icon) はどのように機能しますか? 私が持っていた例の「画像/単語」を表示できないようです。今は空です。私は試した

<a href="#fakelink" class="fui-flat">text here</a>

ここのフォントのテキストは、例のものと同じではないようです。また、例の a タグの間には何もありません。

ご意見をお聞かせください。ありがとうございました

4

1 に答える 1

0

上記の css は、表示されているリンクではなく、data-icon の各インスタンスの前に何が起こるかに影響します

これらは css3 の機能です。属性セレクターを使用すると、特定の属性に基づいて要素にフォーマットを適用できます。

[att^=val] – 「で始まる」セレクター [att$=val] – 「で終わる」セレクター [att*=val] – 「含む」セレクター

上記の場所とここからの良い説明

于 2013-10-02T11:19:28.617 に答える