91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css怎么選擇奇偶行元素

發布時間:2022-04-28 15:39:46 來源:億速云 閱讀:161 作者:iii 欄目:大數據

這篇文章主要介紹“css怎么選擇奇偶行元素”,在日常操作中,相信很多人在css怎么選擇奇偶行元素問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”css怎么選擇奇偶行元素”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!

在css中,可以利用“:nth-child(n)”選擇器來進行奇偶匹配,選擇奇偶行元素;該選擇器的參數n可以是數字、關鍵詞或公式,設置n為“Odd”或者“even”關鍵詞即可匹配下標是奇數或偶數的子元素。

本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

在css中,:nth-child(n) 選擇器匹配屬于其父元素的第 N 個子元素,不論元素的類型。

n 可以是數字、關鍵詞或公式。

奇偶匹配,選擇奇偶行元素

:nth-child(odd) 與 :nth-child(even)分別匹配序號為奇數與偶數的元素。

Odd 和 even 是可用于匹配下標是奇數或偶數的子元素的關鍵詞(第一個子元素的下標是 1)。

例:

<!DOCTYPE html>
<html>
<head>
<style> 
p:nth-child(odd)
{
background:#ff0000;
}
p:nth-child(even)
{
background:#0000ff;
}
</style>
</head>
<body>

<p>第一個段落。</p>
<p>第二個段落。</p>
<p>第三個段落。</p>
<p>第四個段落。</p>


</body>
</html>

效果圖:

css怎么選擇奇偶行元素

說明:奇數(odd)與(2n+1)結果一樣;偶數(even)與(2n+0)及(2n)結果一樣。

到此,關于“css怎么選擇奇偶行元素”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

信丰县| 宝清县| 宜昌市| 商城县| 盐津县| 隆林| 高雄县| 西乌珠穆沁旗| 巴中市| 通城县| 嘉鱼县| 舒城县| 福清市| 永济市| 会东县| 固始县| 江阴市| 康马县| 崇明县| 台北县| 金堂县| 积石山| 扎赉特旗| 德江县| 浮山县| 拜城县| 南开区| 德清县| 广水市| 江陵县| 文成县| 永兴县| 广丰县| 涟水县| 宁德市| 龙口市| 怀柔区| 吉木乃县| 宜兰市| 丹寨县| 武汉市|