Wordpress Menu ile :: CSS Şekillendirme sonrası

Question

Eklemek istiyorum | İlk ve son hariç her li etiketinin sonuna boru. Bunu yapmanın daha iyi bir yolu var mı, belki :nth-child() seçiciyi kullanıyor muydu?

.categoryMenu ul li::after { 
     content: ' | '; 
    } 

.categoryMenu ul li:nth-child(1) { 
    content: 'hello'; 
    background: red; 
} 

içerik css tesiste boru yerine bir sınır kullanma hakkında :nth-child() sadece ::after

Answer 1

Ne ile çalışmıyor gibi görünüyor? gibi şey:

.categoryMenu ul li { 
    padding: 0 1em; 
    border-left:1px solid #000; 
} 
.categoryMenu ul li:first-child { 
    border-left:none; 
} 

Answer 2

Bu hile yapmak gerekir. Bu seçiciler için tarayıcı desteği şimdi iyi gibi

.categoryMenu ul li:after { 
    content: ' | '; 
} 

.categoryMenu ul li:first-child:after, .categoryMenu ul li:last-child:after { 
    content: ''; 
} 

Ayrıca first-child ve last-child seçiciler hangi mükemmel ul içinde li ile sizin durumda çalışacak olabilir Can I Use: CSS3 Selectors

Answer 3

, görünüyor. İlk ve son elemanların sonunda hiçbir borunun bulunmadığı yerlerde

Here is a working example.