要素の前後にボーダーを引きたい

Question

前提・実現したいこと

文字のラストにボーダーを引きたい

発生している問題・エラーメッセージ

ボーダーが最後の要素に適用されない

該当のソースコード

 <div class="sidebar-category">
        <ul class="sidebar-category__list">
        
                <?php
                // パラメータを指定
                $args = array(
                    // カテゴリー内の記事数順で指定
                    'orderby' => 'count',
                    // 降順で指定
                    'order' => 'DSC'
                );
                $categories = get_categories( $args );

                foreach( $categories as $category ){
                    echo '<li class="sidebar-category__block"><a href="' . get_category_link( $category->term_id ) . '">' . $category->name . '</a> </li> ';
                }
                ?>
                <span></span>
        </ul>
    </div>

  
    .sidebar-category__block{
       border-top: 2px dotted $navbar;
    　　&:last-child{
        border-bottom: 2px dotted $navbar;
    }
}

試したこと

last-childで指定したのに適用されなかった。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

<span></span>が混じっているからでは。

Comments

[ral819]

無事解決しました！
ありがとうございます！