這篇文章主要介紹“Css技術(shù)中的checked偽類(lèi)選擇器是什么”，在日常操作中，相信很多人在Css技術(shù)中的checked偽類(lèi)選擇器是什么問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”Css技術(shù)中的checked偽類(lèi)選擇器是什么”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

目前創(chuàng)新互聯(lián)已為數(shù)千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、成都網(wǎng)站托管、企業(yè)網(wǎng)站設(shè)計(jì)、雷山網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

checked偽類(lèi)是CSS3引入的一個(gè)很棒的狀態(tài)選擇器，用來(lái)表示選擇框（radio box、check box或options）的選中狀態(tài)。

有些讀者可能會(huì)有點(diǎn)疑問(wèn)，我們?cè)谖臋n中也可以放入初始狀態(tài)（如Section 17.2.1 of HTML4里面定義的selected或checked）。因此嚴(yán)格而言:checked偽類(lèi)的確不完全是作用于文檔以外的信息，但其本質(zhì)上是一個(gè)動(dòng)態(tài)交互行為。

我們一樣通過(guò)一個(gè)在線實(shí)例來(lái)學(xué)習(xí):checked偽類(lèi)的使用，這是一個(gè)經(jīng)典的純CSS手風(fēng)琴導(dǎo)航欄，無(wú)須任何js腳本：

和:checked類(lèi)似的和UI界面組件狀態(tài)有關(guān)的動(dòng)態(tài)選擇器還有:enabled和:disabled，較少使用，這里不做更多介紹。

上面都是和元素狀態(tài)相關(guān)的偽類(lèi)（Dynamic pseudo-classes），除此之外，我們經(jīng)常使用的還有結(jié)構(gòu)化偽類(lèi)（Structural pseudo-classes），如:first-child等。

:first-child和 :last-child

這兩個(gè)偽類(lèi)和HTML元素層級(jí)關(guān)系有關(guān)。它們依據(jù)HTML元素在代碼中出現(xiàn)的順序來(lái)定位目標(biāo)元素。我們可以把元素順序或?qū)蛹?jí)關(guān)系看成是一種特殊的狀態(tài)。

<ul>

<li>One</li>

<li>Two</li>

<li>Three</li>

<li>Four</li>

</ul>

li:first-child{ background: greenyellow;}

li:last-child{ background: lightsalmon;}

可以看到，我們并沒(méi)有給第一個(gè)和最后一個(gè) <li>元素添加 class屬性。 它們?cè)谖臋n中的位置定義了CSS規(guī)則的應(yīng)用。在這類(lèi)例子中，我們可以通過(guò)給這些元素添加特定的類(lèi)（class）來(lái)實(shí)現(xiàn)同樣的目的，這可以幫助我們理解為什么上述通過(guò)元素狀態(tài)或順序來(lái)選擇元素的CSS規(guī)則被稱(chēng)為“偽類(lèi)”。

到此，關(guān)于“Css技術(shù)中的checked偽類(lèi)選擇器是什么”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

分享文章：Css技術(shù)中的checked偽類(lèi)選擇器是什么
文章位置：http://sd-ha.com/article46/iedpeg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、網(wǎng)站改版、小程序開(kāi)發(fā)、微信公眾號(hào)、用戶體驗(yàn)、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)