CSS에서 ul 내의 특정 글 머리 기호를 제거하려면 어떻게합니까?

Question

나는 간단한 목록 만 갖고 싶습니다. ul 내의 특정 글 머리 기호 (아이콘 만 리의 콘텐츠가 아님)를 제거하면됩니다.

나는 첫번째 아이를 빼앗아 버렸지 만 여섯 번째 글 머리 기호를 제거하고 싶습니다!

나는 그렇게 할 수 있었지만 인라인 할 수 있었지만 나는 CSS로 그걸하고 싶다.

어떻게하면됩니까?

Answer 1

이를 달성하기 위해 nth-child 선택기를 사용할 수 있습니다.

---

li:nth-child(6) { 
    list-style-type: none; 
} 

---

편집 :

New jsFiddle here.

:

이제 대신 마지막 아이 선택기를 사용하여, 당신은 마지막 자식을 위해 그것을 숨길 것

li:last-child { 
    list-style-type: none; 
} 

---

IE6-8에서이 중 하나를 사용하려면 Selectivizr을 사용할 수 있습니다.

는

n 번째 자녀와 마지막 아이가 Selectivizr에서 그 지원 선택기의 일부입니다 "Selectivizr 인터넷 익스플로러 6-8에서 CSS3 의사 클래스 및 속성 선택기를 에뮬레이트하는 자바 스크립트 유틸리티입니다" .

Answer 2

를 사용하여 n 번째 자녀 DEMO http://jsfiddle.net/L8VW4/

이 제거 목록 항목

li:nth-child(6) { 
    display: none; 
} 

이 목록의 항목 옆에만 총알 아이콘 선물을 제거하고 장소

을에 목록 항목 자체를 떠나

li:nth-child(6) { 
    list-style: none; 
}