development

li에»(») 자동 추가

big-blog 2020. 12. 13. 10:12
반응형

li에»(») 자동 추가


»li요소 의 왼쪽에 HTML 문자 (») 를 자동으로 추가하고 싶습니다 .

가장 좋은 방법은 무엇입니까?

나는 HTML을 원한다 :

<ul>
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
</ul>

그리고 다음과 같이 표시되어야합니다.

» item 1
» item 2
» item 3

위의 답변이 저에게 효과가 없었지만 다음은 작동합니다.

li:before{
   content: "\00BB";
}

대신 & raquo에 대한 16 진수 코드를 사용합니다.

멋진 16 진수 변환기는 여기 에서 찾을 수 있습니다 .

이것이 누군가에게 도움이되기를 바랍니다 :)


화살표가 내용으로 표시되는 것을 원하지 않는다면 CSS 배경으로 이동하지 않는 이유는 무엇입니까?

li { background: url("raquo.gif") no-repeat left center; }

참고 URL : https://stackoverflow.com/questions/1155128/automatically-add-raquo-to-lis

반응형