HTML 엔티티 + CSS content 코드 적용하는 방법

이전 게시물인 화살표 특수문자 + HTML 엔티티 + CSS content 코드( https://www.grunge.co.kr/techtip/127 )에서 HTML 엔티티와 CSS content 코드를 적용하는 방법입니다.

왼쪽 화살표(←)를 HTML 엔티티(←)로 출력

<!-- HTML: 이름 엔티티 또는 숫자 엔티티 -->
<span class="prev">&larr; 이전</span>

/* 결과*/
← 이전

왼쪽 화살표(←)를 CSS content 코드(\2190)를 적용해 출력

<style>
.prev::before { /* 앞쪽에 출력 */
    content: "\2190";      /* '←' 에 해당하는 CSS content 코드 */
}
</style>
<span class="prev">이전</span>

/* 결과 */
←이전