溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
本篇內(nèi)容主要講解“HTML first-child偽類怎么用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“HTML first-child偽類怎么用”吧!
您興許運用 :first-child 偽類來決意元素的第一個子元素。這個特定偽類很簡單受到誤會，以是有需要舉例來闡明。思慮如下符號：
<div> <p>These are the necessary steps:</p> <ul> <li>Intert Key</li> <li>Turn key <strong>clockwise</strong></li> <li>Push accelerator</li> </ul> <p>Do <em>not</em> push the brake at the same time as the accelerator.</p> </div>
在上面的例子中，作為第一個元素的元素包孕第一個 p、第一個 li 和 strong 和 em 元素。
給定如下劃定規(guī)矩：
p:first-child {font-weight: bold;}
li:first-child {text-transform:uppercase;}第一個規(guī)則將作為某元素第一個子元素的悉數(shù) p 元素配置為粗體。第二個規(guī)定將作為某個元素（在 HTML 中，這必然是 ol 或 ul 元素）第一個子元素的所有 li 元素變成大寫。
請接見該鏈接，來搜檢這個 :first-child 實例的效果。
示意：最常見的舛錯是以為 p:first-child 之類的決議器會選擇 p 元素的第一個子元素。
剖明：必須聲明 <!DOCTYPE>，這樣 :first-child 才略在 IE 中見效。
到此，相信大家對“HTML first-child偽類怎么用”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼