16 진수로 정렬 된 목록을 포맷 할 수 있습니까?

내 <ol> 항목을 1, 2, 3 ... 9, 10으로 렌더링하지 않으려면 숫자를 0x01, 0x02 ... 0x09, 0x0a과 같이 지정하고 싶습니다. 어떻게 든 가능합니까?16 진수로 정렬 된 목록을 포맷 할 수 있습니까?

출처

2011-12-14 paperjam

수동으로'content :'예를 통해 수동으로, 자동으로 아닙니다. – zzzzBov

아직 그렇게 생각하지 않습니다.

/* 
    Examples from THE FUTURE 
    No browser support at the time of this writing 
*/ 

li::marker { 
    width: 30px; 
    text-align: right; 
    margin-right: 10px; 
    display: inline-block; 
} 

ol { 
    list-style: symbols("*" "\2020" "\2021" "\A7"); 
} 

ul { 
    list-style-type: "★"; 
}

지금, 나는 우리가 list-style-type에서 가능한 것이 무엇인지에 제한됩니다 생각 ,하지만 난 잘못 될 수 : this CSS-Tricks Article에서, 이것은 우리가 미래에 할 수있을 것이다 것입니다. :before 의사 클래스를 사용할 수 있으며 내부에 content 속성을 사용할 수 있지만 가장 우아하지 않거나 유지하기 쉽지 않습니다.

출처

2011-12-14 15:18:19 motoxer4533

자바 스크립트를 약간만 사용하면됩니다. 다음은 jQuery의 도움을받는 스 니펫입니다. 여기

$('li').each(function(index){ 
    $(this).text('0x' + (index + 1).toString(16) + ' ' + $(this).text()); 
});

작동 그것의 샘플입니다 : http://jsfiddle.net/QkNb4/

출처

2011-12-14 15:26:29 Makotosan

0으로 시작하는 업데이트 된 버전입니다. http://jsfiddle.net/makotosan/QkNb4/2/ – Makotosan

-1

당신이 그것을 할 수 있습니다,하지만 난 다른 손가락의 많은에있어 큰 목록 (들) 및/또는 경우에이를 사용하여주의 것 코드. 그 눈을 떼지 않으면 유지할 수 있습니다. 그것을 확인 : 더 http://jsfiddle.net/jalbertbowdenii/zhuum/10/

출처

2011-12-14 16:25:22 albert

이것은 16 진수가 아닙니다. – Makotosan

그가 똑똑한 사람을 원한다고 말한 바가 있습니다. 그의 예를보고, 내 것과 똑같이 생겼다. :) – albert

동일하지 않습니다. 마지막 용어 (10)가 잘못되었습니다. 바로 그 부분을 얻는 것이 질문의 본질입니다. –

개선 Makotosan의 솔루션 :

http://jsfiddle.net/Merrinen/nZxFJ/1/ 16 진수를 표시하는 CSS 컨텐츠를 사용합니다.
ul 대신 HTML 요소를 사용합니다.
ol 요소의 시작 특성을 검사합니다.
대문자 16 진수 값 (개인 취향, 쉽게 제거 할 수 있음).

출처

2012-08-29 19:10:32 Merrinen

16 진수로 정렬 된 목록을 포맷 할 수 있습니까?

답변

관련 문제