CSS3新增了哪些偽類(lèi)

今天就跟大家聊聊有關(guān)CSS3新增了哪些偽類(lèi)，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)建站主營(yíng)安吉網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,App定制開(kāi)發(fā),安吉h5成都小程序開(kāi)發(fā)搭建,安吉網(wǎng)站營(yíng)銷(xiāo)推廣歡迎安吉等地區(qū)企業(yè)咨詢(xún)

本篇文章主要給大家介紹css3新增偽類(lèi)有哪些？

首先大家應(yīng)該都知道css是什么吧？

CSS是Cascading Style Sheet的縮寫(xiě)。譯作”層疊樣式表單“。是用于（增強(qiáng)）控制網(wǎng)頁(yè)樣式并允許將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的一種標(biāo)記性語(yǔ)言。簡(jiǎn)單的說(shuō)CSS就是用于控制網(wǎng)頁(yè)的樣式和布局。而css3是最新的 CSS 標(biāo)準(zhǔn)。

那么這個(gè)最新的標(biāo)準(zhǔn)，相較于css2的標(biāo)準(zhǔn)有哪些新增的屬性或者偽類(lèi)呢？

下面我們就為大家詳細(xì)總結(jié)介紹，css新增的一些偽類(lèi)。

1、p:first-of-type

:first-of-type 選擇器匹配屬于其父元素的特定類(lèi)型的首個(gè)子元素的每個(gè)元素。

使用示例：

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>:first-of-type使用示例</title>
<head>
    <style>
        p:first-of-type
        {
            background:green;
        }
    </style>
</head>
<body>
<h2>:first-of-type使用示例</h2>
<p>這是第一個(gè)p元素。<br>:first-of-type，指定父元素的首個(gè) p 元素的背景色。</p>
<p>這是第二個(gè)p元素</p>
<p>這是第三個(gè)p元素</p>
<p>這是第四個(gè)p元素</p>
</body>
</html>

效果如下圖：

CSS3新增了哪些偽類(lèi)

2、p:last-of-type

:last-of-type 選擇器匹配屬于其父元素的特定類(lèi)型的最后一個(gè)子元素的每個(gè)元素。

用法示例：

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>:last-of-type使用示例</title>
<head>
    <style>
        p:last-of-type
        {
            background: #ff3844;
        }
    </style>
</head>
<body>
<h2>p:last-of-type使用示例</h2>
<p>這是第一個(gè)p元素。</p>
<p>這是第二個(gè)p元素</p>
<p>這是第三個(gè)p元素</p>
<p>這是第四個(gè)p元素<br>:last-of-type，指定父元素的最后一個(gè) p 元素的背景色。</p>
</body>
</html>

效果如下圖：

CSS3新增了哪些偽類(lèi)

3、p:only-of-type

:only-of-type 選擇器匹配屬于其父元素的特定類(lèi)型的唯一子元素的每個(gè)元素。

使用方法與上述例子類(lèi)似。

4、p:only-child

:only-child 選擇器匹配屬于其父元素的唯一子元素的每個(gè)元素。

5、p:nth-child(2)

:nth-child(n) 選擇器匹配屬于其父元素的第 N 個(gè)子元素，不論元素的類(lèi)型。

n 可以是數(shù)字、關(guān)鍵詞或公式。

6、:enabled :disabled

表單控件的禁用狀態(tài)。

7、:checked

:checked 選擇器匹配每個(gè)選中的輸入元素（僅適用于單選按鈕或復(fù)選框）。

看完上述內(nèi)容，你們對(duì)CSS3新增了哪些偽類(lèi)有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

新聞標(biāo)題：CSS3新增了哪些偽類(lèi)
分享鏈接：http://www.chinadenli.net/article30/iiigpo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、商城網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)、企業(yè)建站、定制網(wǎng)站

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

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

CSS3新增了哪些偽類(lèi)