Basit bir listem var ve tek yapmam gereken, belirli bir madde işareti noktasını (li içindeki içeriğin değil, yalnızca simge) kaldırmaktır. ul.CSS'de bir ul içindeki belirli bir madde işaretini nasıl kaldırırım?
İlk çocuğu ilk alıp götürmek için kullandım ama altıncı mermi noktasını kaldırmak istiyorum!
Bunu yapabilirim ancak CSS ile yapmayı tercih ederim.
Bunu nasıl yapabilirim?
Sen bunu başarmak için nth-child seçiciyi kullanabilirsiniz.
li:nth-child(6) {
list-style-type: none;
}
Düzenleme:
:Artık bunun yerine son çocuk seçici kullanabilirsiniz, geçen çocuk için bunu gizlemek istediğiniz gibi görünüyor
li:last-child {
list-style-type: none;
}
Bunlardan herhangi birini IE6-8'de kullanmak isterseniz, Selectivizr'u kullanabilirsiniz.
inci-çocuk ve son çocuk Selectivizr olanlar desteklenen seçicileri bazılarıdır "Selectivizr Internet Explorer 6-8 CSS3 sözde sınıflar ve öznitelik seçiciler emüle bir JavaScript aracıdır" .
Ah, çok teşekkürler. – Chris
Yine ben. İçinde farklı bir sayıya sahip birçok ul var. Eğer 6 li'se sahibim (cevabınızı kullanırım) ama sonra başka bir ul'de 7 lı'm var (bu yüzden çıkarmak istediğim liste stili 6. değil, 6. şeyi alır) o zaman ne yapardım? Bu hiç mantıklı mı geliyor? – Chris
@ChrisBrighton İstediğiniz bu mu? http://jsfiddle.net/5d4TU/2/ – lifetimes
kullanın n'inci-çocuk DEMO http://jsfiddle.net/L8VW4/
Bu kaldıracaktır liste öğesi
li:nth-child(6) {
display: none;
}
Bu liste öğesinin yanında sadece mermi simgesi mevcut kaldırmak ve yerine
liste öğesi kendisi bırakacaktırli:nth-child(6) {
list-style: none;
}
@Adrift - Bu benim de yorumumdu, fakat görebildiğim sorunun yeniden okunması belirsiz. 6. mermi noktasına göre, hem nokta hem de mermi anlamına gelebilir. –
"Madde işareti" ile açıklığa kavuşturmak için tüm şeyi mi yoksa sadece madde işareti simgesini mi kastediyorsunuz? –
Orijinal yayın düzenlendi :) – Chris
Mümkün olan her senaryoyu kapsayacak şekilde burada cevaplar var! – Vector