CSS를 사용하여 다른 항목 이름 표시

다른 서버에 호스팅 된 html 사물을 제어 할 권한이 없습니다. 목록 항목 중 일부를 수정하기 위해 CSS를 사용하려면 어떻게해야합니까? 예를CSS를 사용하여 다른 항목 이름 표시

를 들어

서버 측 HTML :

<ol> 
<li>Coffee</li> 
<li>Milk</li> 
<li>Orange Juice</li> 
<li>Chocolate Milk</li> 
<li>Espresso with hot foamy milk</li> 
<li>Espresso diluted with hot water</li> 
</ol>

그리고 내가 "카푸치노"와 "아메리카노"로 마지막 두 항목을 표시하는 CSS를 사용하고 싶습니다.

감사합니다. manuely 각 태그에 대한

{display:none}

: 내가 생각할 수있는

출처

2013-01-21 TitanTheYaphet

CSS는 내용이 변경된 경우에는 HTML을 변경해야합니다, 단지 스타일입니다 : 당신이 어떤 다른 대안이없는 경우에만이 작업을 수행. 호스팅되는 곳은 중요하지 않습니다. Buck up 및 변경 – zzzzBov

유일한 해킹 속성을 사용하는 것입니다.

출처

2013-01-21 21:30:30 Guy

CSS를 통해 HTML 태그의 콘텐츠를 변경할 수 없습니다.

JavaScript를 통해 바랄 수 있으면 DOM에서 일치하는 요소를 선택하고 innerHTML 속성을 바꿔야합니다.

CSS는 불가능합니다.

출처

2013-01-21 21:30:36

실제로는 가상 클래스 인 :after을 사용하여 렌더링 할 수 있습니다. 그러나 그것은 정말로 추악합니다.

ol li:nth-child(5){ 
    color: #fff;   /* same color as the background to hide it */ 
    position:relative; 
}  
ol li:nth-child(5):after{ 
    content: "Capuccino"; 
    display: block; 
    color: #000;   /* your text color */ 
    position:absolute; 
    top:0; 
    left:0; 
}

jsfiddle

출처

2013-01-21 21:35:01

;) spot on -이 시도하고 우리가 html 엔티티를 추가 할 수있을 것이라고 생각하지만 그들은 '있는 그대로'표시합니다. +1 텍스트를 올바르게 배치하기 위해 스타일을 정할 시간이 필요합니다. 참고 :이 답변은 교육 목적으로 만 사용되며 프로덕션 환경에서는 사용하지 말아야합니다. –

CSS를 사용하여 다른 항목 이름 표시

답변

관련 문제