1. 程式人生 > >Element:nth-of-type注意事項

Element:nth-of-type注意事項

Element:nth-of-type使用時要注意,它選中的是元素。當你把Element改為class或id時,

它選中的依舊為元素。

如下程式碼:

    .inner:nth-last-of-type(1){
color:red;
}
<div class="box">
<div class="inner">這是div</div>
<p class="inner">這是p</p>
<h1 class="inner">這是h1</h1>
<div class="inner">這是div</div>
<p class="inner">這是p</p>
<h1 class="inner">這是h1</h1>
<div class="inner">這是div</div>
<p class="inner">這是p</p>
<h1 class="inner">這是h1</h1>
<div class="inner">這是div</div>
</div>
也許你會認為只有最後一個div裡面的字型顏色會變紅,如果這樣的話那你就錯了。
變紅的是最後三個:p,h1,div。
要始終記住Element:nth-of-type選中的是元素。
效果: