Wordpress Menu with :: CSSスタイル後

Question

私は|最初のタグと最後のタグを除く各liタグの終わりにパイプします。これを行うには良い方法がありますか？おそらく:nth-child()セレクタを使用して考えていたのですか？

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

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

コンテンツのCSSプロパティではなく、パイプの境界線を使用することについて:nth-child()のみ::after

Answer 1

何で動作していないようですか？ 次のようなもの：

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

Answer 2

これはすべきことです。

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

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

これらのセレクタのためのブラウザのサポートは、今や完全にulでliで、あなたのケースで動作します Can I Use: CSS3 Selectors

Answer 3

することもできますfirst-childとlast-childセレクタ良いですのように思えます。

Here is a working example（最初と最後の要素には最後にパイプがありません）。