CSS3－:nth-child()
當網頁中有4個p標籤時，可用nth-child的方式，來進行選擇，當下odd表示，只要是單數列背景就會套用成淺灰色。
這時候只要是奇數列的p標籤，背景就會變成淺灰色，在這種情況下，即便使用nth-of-type也會得到一樣的效果。
改變一下網頁的架構，把p標籤下方，加入<hr>來將區塊與區塊間來畫一條。
這時就會看到，全有p標籤的背景都變成淺灰色的了。
原因就出在，當使用nth-child時，它並不是只篩選p標籤，而是網頁中的所有標籤都會一起計算，所以可看到，這時所有的p就變成奇數列了。
CSS3－:nth-of-type()
這時只要把原本的nth-child改成nth-of-type，就只會針對網頁中的p標籤進行篩選。
鏘~鏘~這時候就只有在奇數列的p標籤的背景才會套用淺灰色 。
網頁設計.RWD響應式網站.行動版網站.企業形象網站 / 製造類
網站技術：PHP . Javascript/MySql
提供季節、生活、廚房、健康與美容家電產品，並提良好售後服務的家電供應商。
APP / 醫療衛生類
網站技術：PHP . JAVA . Javascript . iOS . Android/MySql
免費提供全台灣中醫醫療院所資訊查詢，使用中醫地圖搜尋民眾需要之醫療院所，建立民眾最直接、最快速的搜尋平台，並給予中醫養生保健、健康醫療即時資訊。
Line OA / 服務類
團購++也有推出LINE OA官方帳號喔!! 團購++任何後台相關問題都可以在聊天室裡詢問與反樣，都會有專人協助疑惑。
傑立資訊事業有限公司
電話：(02)2739-9096 | 傳真：(02)2739-6637 | 客服：[email protected] | 臺北市信義區和平東路3段257號6樓map
© 2019 傑立資訊 All rights reserved.| 網站隱私政策
線