2016-09-29 59 views
0

如何獲取CSS的最後一個元素?

.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> 
 
    
 

 

然後所有的隔膜消失。爲什麼?我怎樣才能獲得該課程的最後一個元素?或者我怎樣才能隱藏它?

+0

的可能重複[使用最後一子選擇] (HTTP:// stackov erflow.com/questions/1293369/using-the-last-child-selector) – vivek

+0

no dup bro。不同的問題。 – Vicheanak

+0

現在嘗試,它正在工作,我做了一些更改 –

回答

2

因爲他們都是在最後華里。這是最後一個元素而不是最後一個元素。它應該是這樣的:

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

試試這個

.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>

+0

不工作兄弟。 – Vicheanak

+0

現在嘗試,它正在工作,我做了一些改變 –

+0

是的,現在工作很好 – Vicheanak

0

語法

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> 
 
    
 

 

相關問題