css에 텍스트의 첫 글자를 추가하십시오.

Question

나는 여기서 도전적인 임무를 가지며 정말로 저를 도울 수 있기를 바랍니다. 나는 아약스에 의해 JSON 피드에서 정보를 복용하고 있어요

는 내 item.title 내용 와 같은 CSS 속성의 첫 번째 문자를 추가 할 #list> .item : 전에

var str = item.title; 
$('#list > .item:before').attr('content', str.substring(0,1)); 

하지만 어떤 이유로 작동하지 않습니다. 코드 줄을 알려주는 방법을 알려주세요.

미리 감사드립니다.

Answer 1

jQuery를 사용하여 가상 클래스를 변경할 수 없습니다.

내가 좋을 것 단순히 span로 붙이는 : 당신이 스타일을 위해 :before를 겨냥한 다른 CSS를 가정

$('#list > .item').prepend('<span>' + str.substring(0,1) + '</span>'); 

을 그리고, 단지 #list > .item > span

Answer 2

왜에 CSS 선택기를 변경 CSS를 사용 : 출력을 제어하는 ​​첫 글자? https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter