いつも:: before擬似セレクタの理由::

Question

多くのアイコンライブラリ（Glyhpicon、Font Awesome、Antdアイコン、...）はアイコンを::before–pseudoセレクタに入れましたか？ （直接ではなく、タグに比べて？）

i::before { 
    content: '\E60A'; 
    ... 
} 

Answer 1

は理由、非常に多くのアイコン・ライブラリー（Glyhpicon、フォント素晴らしい、Antdアイコン、...）入れ、そのアイコン::前-擬似ではありますセレクタ？この方法は、いくつかの利点を持っていることを

...

• は、それは些細なCSSを経由して、全体サイト全体に異なる文字のための特定のアイコンを切り替えることが可能

• 、このようなアイコンは、ほとんどがかなり使用されています実際のコンテンツより「装飾」として表示されます（アクセシビリティの問題についても触れています）

• contentには挿入できません擬似要素のために予約されている実際の要素そのものです（これは@Mr Listerです）。