인접 형제 선택기 및 : Chrome의 의사 요소 앞 1

Question

이상한 표현입니다. http://www.madebypaz.com/profile에있는 <OL>은 :before 의사 요소를 사용하여 차트의 주석 (ABC 및 이미지)을 사용합니다.

#profiletext ol li:before { 
    content: 'A'; 
    } 

#profiletext ol li+li:before { 
    content: 'B'; 
    } 

#profiletext ol li+li+li:before { 
    content: 'C'; 
    } 

#profiletext ol li+li+li+li:before { 
    content: ''; 
    } 

#profiletext ol li+li+li+li { 
    background: url('/wp-content/themes/paz2010/images/sweet-spot.png') no-repeat; 
    margin-left: 0; 
    padding-left: 38px; 
    } 

#profiletext ol li { 
    height: 30px; 
    margin-left: 10px; 
    } 

이 아마 가장 우아한 해결책은 아니지만 누군가가 크롬에서 크롬 (10)에 고장 나에게 지적 할 때까지 크롬을 포함한 모든 브라우저에서 완벽하게 작동 : 나는과 같이이를 위해 adjecent 형제 선택기를 사용 10 마우스를 가져 가면 AAA가 표시되고 오른쪽 문자가 변경됩니다. 호버 스 스타일이 정의되어 있지 않기 때문에 호기심이 생깁니다! http://cl.ly/0E170v1Z0O2E0f3F0j0d

이런 일이 왜 그리고 나는 그것이 어떻게 해결할 수 :

다음은이의 화면 녹화이야? 동일한 결과를 얻는 더 좋은 방법이 있습니까?

모든 포인터가 대단히 감사하겠습니다!

Answer 1

Chrome 16에서 예상대로 작동합니다. 간단한 업데이트가 필요합니다.