Wordpressのウィジェットコンテンツに最初と最後のクラスを追加する

Question

Wordpressでは、Wordpressウィジェット内のアイテムをリストするための「最後の」クラスと「最初の」クラスを追加する方法を探しています。私は、「コメント1」、「コメント4」、「リンク1」と「リンクを李に追加最初/最後のクラスを持っているしたいのですが、上記の例では

<div class="widget-area"> 
<ul > 
    <li class="widget_recent_comments"> 
     <h3 class="widget-title">Recent comments</h3> 
     <ul id="recentcomments"> 
      <li class="recentcomments">Comment 1</li> 
      <li class="recentcomments">Comment 2</li> 
      <li class="recentcomments">Comment 3</li> 
      <li class="recentcomments">Comment 4</li> 
     </ul> 
    </li> 
    <li class="widget_my_links"> 
     <h3 class="widget-title">My links</h3> 
     <ul id="my-links"> 
      <li class="item">Link 1</li> 
      <li class="item">Link 2</li> 
      <li class="item">Link 3</li> 
      <li class="item">Link 4</li> 
      <li class="item">Link 5</li> 
     </ul> 
    </li> 
</ul></div> 

：HTMLは、このようになります。 5 "となる。

簡単な回避策はありますか？ （私はjavascriptでこれをしたくない）

ありがとう。

Answer 1

私はこれらのリストがループで生成されていると推測しています。だからあなたができることは、あなたがループに入る前に変数を作成し、その値を1（$ i = 1）に設定することです。ループの最後より1つ上に（$ i ++）を追加します。あなたが表示される最初/最後のクラスを配置したい場所を、あなたは$ I == $ NUMBER_OF_ITEMSで

<?php if($i == 1): 
    echo ' first'; 
elseif($i == $number_of_items) 
    echo 'last'; 
endif;  
?> 

を行うことができますさて、あなたは現在と最大を比較しているので、あなたは、あなたがif文の最後を持って知っています本当です。

これはあなたの質問にお答えします。

Answer 2

まあ最初の項目はちょうどそれがクラスを追加していない

ul#my-list li:first-child { 
    /* special styles */ 
} 

使い、簡単ですが、あなたはまだそれをスタイルすることができます。 :last-childの同様のCSSルールはありません