這篇文章給大家分享的是有關css選擇第幾個子元素用哪個選擇器的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
創新互聯建站服務項目包括康馬網站建設、康馬網站制作、康馬網頁制作以及康馬網絡營銷策劃等。多年來,我們專注于互聯網行業,利用自身積累的技術優勢、行業經驗、深度合作伙伴關系等,向廣大中小型企業、政府機構等提供互聯網行業的解決方案,康馬網站推廣取得了明顯的社會效益與經濟效益。目前,我們服務的客戶以成都為中心已經輻射到康馬省份的部分城市,未來相信會繼續擴大服務區域并繼續獲得客戶的支持與信任!
在css中,想要選擇指定元素中第幾個子元素,可以使用“:nth-child()”選擇器。“:nth-child()”選擇器可以匹配屬于其父元素的第N個子元素,不論元素的類型;而N可以是數字、關鍵詞或公式。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
css選擇器指定元素中第幾個子元素
:nth-child(n) 選擇器匹配屬于其父元素的第 N 個子元素,不論元素的類型。
n 可以是數字、關鍵詞或公式。
示例:
tr td:nth-child(2){ background-color:gray; }
就是tr當中的td的第二個td的屬性
tr:nth-child(2n+0){ background-color:#F0F0F0; }
這個是tr的2的倍數的
使用公式 (an + b)。描述:表示周期的長度,n 是計數器(從 0 開始),b 是偏移值。
在這里,我們指定了下標是 3 的倍數的所有 p 元素的背景色:
p:nth-child(3n+0) { background:#ff0000; }
css是一種用來表現HTML或XML等文件樣式的計算機語言,主要是用來設計網頁的樣式,使網頁更加美化。它也是一種定義樣式結構如字體、顏色、位置等的語言,并且css樣式可以直接存儲于HTML網頁或者單獨的樣式單文件中,而樣式規則的優先級由css根據這個層次結構決定,從而實現級聯效果,發展至今,css不僅能裝飾網頁,也可以配合各種腳本對于網頁進行格式化。
感謝各位的閱讀!關于“css選擇第幾個子元素用哪個選擇器”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!