3

作業しているサイトで、iconizeを使用する古いコードを調べています。それが機能しているように見える方法は、このようなクラスを追加することです...

a[href=$='.pdf']{
    padding: 5px 20px 5px 0;
    background: transparent url('icon.gif') no-repeat center right;
}

私がやった方法よりも、その方法でそれを行うことに何か利点はありますか？このようなもの...

a[href=$='.pdf']:after{
    content: url('icon.gif');
    vertical-align: sub;
}

これらの両方を示すためのフィドルがあります...

JSFiddle

私の質問は...疑似要素を使用することと、要素に画像を追加/追加するための標準のパディングと背景の配置を使用することの利点は何ですか？

4

2 に答える 2

0

疑似クラスが非常に便利な理由は、コンテンツを動的にスタイル設定できることです。上記の例では、ユーザーがリンクを操作するときにリンクがどのようにスタイル設定されるかを説明できます。これから説明するように、新しい疑似クラスを使用すると、ドキュメント内の位置または状態に基づいてコンテンツを動的にスタイル設定できます。 -css3-疑似クラス/

于 2013-06-03T09:49:18.480 に答える