CSSの最後の要素を取得するには？

Question

.year-seperator:last-of-type{ 
 
    \t display: none; 
 
    }

<ul class="blog-year"> \t 
 
     <li><a href="http://my.link">2016</a><span class="year-seperator">|</span></li> 
 
    \t <li><a href="http://my.link">2015</a><span class="year-seperator">|</span></li> 
 
    \t <li><a href="http://my.link">2014</a><span class="year-seperator">|</span></li> 
 
    \t <li><a href="http://my.link">2013</a><span class="year-seperator">|</span></li> 
 
    </ul> 
 
    
 

 

そして全てのセパレータは消え。どうして？どのようにしてそのクラスの最後の要素を得ることができますか？またはどのように私はそれを隠すことができますか？

Answer 1

を試してみてください。それは最後の要素ではなく最後の要素です。それは次のようになります。

li:last-child .year-seperator { 
    display: none; 
} 

Answer 2

彼らはすべてのLiの最後であるため、この

.blog-year li:last-child .year-seperator { 
 
    display: none; 
 
}

<ul class="blog-year"> 
 
    <li><a href="http://my.link">2016</a><span class="year-seperator">|</span></li> 
 
    <li><a href="http://my.link">2015</a><span class="year-seperator">|</span></li> 
 
    <li><a href="http://my.link">2014</a><span class="year-seperator">|</span></li> 
 
    <li><a href="http://my.link">2013</a><span class="year-seperator">|</span></li> 
 
</ul>

Answer 3

構文を

element:last-child { style_properties } 

詳細Click

を読む

.blog-year li .year-seperator:last-child 
 
     { 
 
     display:none; 
 
     }

<ul class="blog-year"> \t 
 
     <li><a href="http://my.link">2016</a><span class="year-seperator">|</span></li> 
 
    \t <li><a href="http://my.link">2015</a><span class="year-seperator">|</span></li> 
 
    \t <li><a href="http://my.link">2014</a><span class="year-seperator">|</span></li> 
 
    \t <li><a href="http://my.link">2013</a><span class="year-seperator">|</span></li> 
 
    </ul> 
 
    
 

 

の