Ho una lista semplice e tutto quello che voglio fare è rimuovere un punto elenco specifico (solo l'icona, non il contenuto all'interno del file) all'interno dello ul.Come rimuovo un punto elenco specifico all'interno di un file CSS?
Ho usato il primo figlio per portare via il primo, ma mi piacerebbe rimuovere il sesto punto elenco!
Potrei farlo in linea ma preferirei farlo con i CSS.
Come posso fare questo?
È possibile utilizzare il selettore nth-child per raggiungere questo obiettivo.
li:nth-child(6) {
list-style-type: none;
}
Edit:
Sembra ormai si desidera nascondere per l'ultimo figlio, è possibile utilizzare il selettore last-child invece:
li:last-child {
list-style-type: none;
}
Se si desidera che uno di questi funzioni in IE6-8, è possibile utilizzare Selectivizr.
"Selectivizr è un programma di utilità JavaScript che emula CSS3 pseudo-classi e selettori di attributo in Internet Explorer 6-8"
nth-child e last-child sono alcuni di quei selettori supportati in Selectivizr .
Ah, grazie molte. – Chris
Ancora. Ho molti ul con un diverso numero di li dentro. Se, io ho 6 li (allora utilizzerei la tua risposta) ma poi su un altro ul ho 7 li (quindi lo stile della lista che voglio rimuovere toglie il sesto non il settimo) cosa farei allora? Ha un minimo di senso?!? – Chris
@ChrisBrighton È questo quello che vuoi? http://jsfiddle.net/5d4TU/2/ – lifetimes
Usa nth-child voce DEMO http://jsfiddle.net/L8VW4/
Questo rimuoverà la lista
li:nth-child(6) {
display: none;
}
Questo eliminerà solo il proiettile sull'icona presente accanto alla voce di elenco e lasciare la voce di lista stessa in luogo
li:nth-child(6) {
list-style: none;
}
@Adrift - Anche questa è stata la mia interpretazione, ma rileggendo la domanda posso vedere che è ambigua. Al sesto punto elenco potrebbero significare sia il punto che il proiettile. –
Per chiarire con "Punto elenco" si intende l'intero oggetto o solo l'icona del punto elenco? –
Post originale modificato :) – Chris
Bene hai le risposte qui per coprire ogni scenario possibile! – Vector