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选中的是元素。
效果：