Làm cách nào để xóa một dấu đầu dòng cụ thể trong một dấu vết trong CSS?

Question

Tôi có một danh sách đơn giản và tất cả những gì tôi muốn làm là xóa một dấu đầu dòng cụ thể (chỉ biểu tượng, không phải nội dung trong li) trong số ul.

Tôi đã sử dụng con đầu tiên để gỡ bỏ phần tử đầu tiên nhưng tôi muốn xóa dấu đầu dòng thứ sáu!

Tôi có thể tạo nội tuyến nhưng tôi muốn làm điều đó với CSS.

Tôi làm cách nào để thực hiện việc này?

Answer 1

Bạn có thể sử dụng bộ chọn nth-child để đạt được điều này.

---

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

---

Edit:

tại Có vẻ như bạn muốn giấu nó cho đứa trẻ cuối cùng, bạn có thể sử dụng bộ chọn cuối cùng con thay vì:

New jsFiddle here.

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

---

Nếu bạn muốn sử dụng một trong các tính năng này trong IE6-8, bạn có thể sử dụng Selectivizr.

"Selectivizr là một tiện ích JavaScript mà giả lập CSS3 pseudo-classes và thuộc tính selectors trong Internet Explorer 6-8"

thứ n-con và cuối cùng con là một số những selectors hỗ trợ trong Selectivizr .

Answer 2

Sử dụng thứ n con DEMO http://jsfiddle.net/L8VW4/

này sẽ xóa danh sách mục

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

này sẽ loại bỏ chỉ hiện biểu tượng đạn bên cạnh mục danh sách và rời khỏi mục danh sách riêng của mình ở vị trí

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