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標籤的背景才會套用淺灰色 。
企業形象網站.Line OA / 美容保養類
網站技術:PHP . Javascript/MySql
儷寶得LINE OA官方帳號屬於美容方面、除刺青與雕塑體態...等等,透過LINE OA聊天室來進行預約、線上諮詢確認療程時間。
網頁設計.RWD響應式網站 / 美容保養類
網站技術:PHP . Javascript/MySql
長松從吃的到用的,像是身體保健、眼睛保護、口腔清潔.....等等。每一項商品都是經過許多評估與檢測,才會上架在官網平台。讓會員在官網可以安心的購買與使用。
網頁設計.RWD響應式網站.企業形象網站 / 服務類
網站技術:PHP . Javascript/MySql
向以勞動法專業律師團隊自詡,提供最專業法律相關服務的律師事務所暨企業管理顧問。
電話:(02)2739-9096 | 傳真:(02)2739-6637 | 客服:[email protected] | 臺北市信義區和平東路3段257號6樓map
© 2019 傑立資訊 All rights reserved.| 網站隱私政策