아이콘 (아이콘 글꼴)에 대한 이유는 항상 :: before 의사 선택기

Question

많은 아이콘 라이브러리 (Glyhpicon, Font Awesome, Antd 아이콘 등)가 ::before–pseudo 선택기에 아이콘이 표시되는 이유가 있습니까? (오히려 직접 태그보다?)

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

Answer 1

이유가 너무 많은 아이콘 - 라이브러리 (Glyhpicon, 글꼴 최고, Antd 아이콘, ...) 넣어 자신의 아이콘 :: 전-의사에 있는가 선택자? 방법은 여러 가지 장점을 가지고

...

• 는 사소한 CSS를 통해 전체 사이트를 통해 다른 문자에 대한 특정 아이콘을 전환 할 수

• 이러한 아이콘은 대부분 오히려 사용 실제 콘텐츠보다 '장식'으로 표시됩니다 (접근성 문제도 이에 해당합니다).

• content을 삽입 할 수 없습니다. 의사 요소 용으로 예약 된 실제 요소 자체 (이 항목에 대한 @Mrs 리스터)