css3之nth-child和nth-of-type的區別

以前一直開發的是兼容老版本的代碼，因此不多用到有關c3裏面的代碼格式，
今天就對於使用的c3選擇器中nth-child和nth-of-type作一個區分。
首先:
1.nth-child(n)：是選擇父級元素下對應位置的對應子元素，n是表明第幾個。
2.nth-of-type(n)：是選擇父級元素下對應的元素的第幾個，n表明第幾個。
是否是在第一次沒看懂這兩句話的含義？那麼這麼寫在結合一下你就會恍然大悟。
<div>
<h1>1111</h1>
<p>2222</p>
<p>3333</p>
</div>
一樣對於去選中第一個P元素。他們的代碼倒是這樣的
p:nth-child(2);
p:nth-of-type(1);
這就明白了把。
p:nth-child(n)的n是取決於第n個位置必須出現的p元素，再能被選中
而
p:nth-of-type(n)是取決於父級下面的p元素，的第n個。