私は単純なリストを持っています。私がしたいのは、ul
.
最初の子を削除するために最初の子を使用しましたが、6 番目の箇条書きを削除したいと思います。
インラインにすることもできますが、CSS で行うことをお勧めします。
これどうやってするの?
私は単純なリストを持っています。私がしたいのは、ul
.
最初の子を削除するために最初の子を使用しましたが、6 番目の箇条書きを削除したいと思います。
インラインにすることもできますが、CSS で行うことをお勧めします。
これどうやってするの?
これを実現するには、 nth-childセレクターを使用できます。
li:nth-child(6) {
list-style-type: none;
}
編集:
最後の子に対して非表示にしたいようです。代わりに最後の子セレクターを使用できます。
li:last-child {
list-style-type: none;
}
これらのいずれかを IE6-8 で動作させたい場合は、Selectivizrを使用できます。
「Selectivizr は、Internet Explorer 6-8 で CSS3 疑似クラスと属性セレクターをエミュレートする JavaScript ユーティリティです」
nth-child と last-child は、Selectivizr でサポートされているセレクターの一部です。
nth-child DEMO http://jsfiddle.net/L8VW4/を使用
これにより、リスト項目が削除されます
li:nth-child(6) {
display: none;
}
これにより、リスト項目の横にある箇条書きアイコンのみが削除され、リスト項目自体はそのまま残ります
li:nth-child(6) {
list-style: none;
}