CSS偽類(Pseudoclasses)是選擇符的螺栓,用來指定一個或者與其相關(guān)的選擇符的狀態(tài)。它們的形式是selector:pseudoclass{property:value;},簡單地用一個半角英文冒號(:)來隔開選擇符和偽類。
成都創(chuàng)新互聯(lián)專注于上饒網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供上饒營銷型網(wǎng)站建設(shè),上饒網(wǎng)站制作、上饒網(wǎng)頁設(shè)計、上饒網(wǎng)站官網(wǎng)定制、小程序設(shè)計服務(wù),打造上饒網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供上饒網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
偽類是CSS(層疊樣式表)中的一種選擇器,用來選擇元素的特定狀態(tài)或特定位置。他們可睜宏粗以在選擇器后面使用冒號(:)來表示。偽類的作用有標(biāo)記特定狀態(tài)的元素、根據(jù)元素位置選擇元素、根據(jù)元素是否擁有特定屬性選擇元素等。
偽類和偽元素在作用上都可以說是在某些選擇器添加特殊樣式。至于他們的區(qū)別和相關(guān)應(yīng)用,我們可以看偽類和偽元素分別都包含什么。
偽類一開始單單只是用來表示一些元素的動態(tài)狀態(tài),典型的就是鏈接的各個狀態(tài)(lvha)。隨后css2標(biāo)準(zhǔn)擴展了其概念范圍,使其成為了所有邏輯上存在但在文檔樹中卻無須標(biāo)識的“幽靈”分類。
表示隨著時間的推移或通過用戶干預(yù)進入或者退出時元素的動態(tài)狀態(tài),原則上不屬于html文檔樹本身及其元素或者是屬性,其實CSS偽類是用來添加一些選擇器的特殊效果,與偽元素不同,偽類可以出現(xiàn)在選擇器鏈中的任何位置。
css偽類的定義 由于css1中偽類和偽元素的定位并無區(qū)別,所以我們直接引用css3中對于偽類的定義(引入來源w3c)定義:引入偽類概念是用于選擇不存在于DOM樹中的信息或那些不能夠通過常規(guī)css選擇器得到的信息。
1、兩個冒號這種格式,是為了區(qū)別偽類和偽元素。與現(xiàn)有樣式表的兼容性,考慮到兼容性有部分偽元素可以同時使用1個或者2個冒號,(即:first-line,:first-letter,:before和:after)。
2、首先,查看一下W3S對偽類和偽元素的定義:偽類:用于向某些選擇器添加特殊效果。偽元素:向某些選擇器設(shè)置特殊效果。
3、偽類:偽類用于向某些選擇器添加特殊的效果。
4、查看元素面板:所以,你可以理解偽元素本質(zhì)上是創(chuàng)建了一個虛擬容器(元素)了吧。除了上面這個本質(zhì)區(qū)別以外,在CSS3中:偽類用單冒號:表示;而偽元素用雙冒號:表示。
CSS的偽類用于向某些選擇器添加特殊的效果,最常用的便是向超鏈接中添加樣式,如顏色,字體大小,粗細(xì)等。使用標(biāo)簽選擇器同樣可以設(shè)置超鏈接的樣式,但是加入了偽類可以讓超鏈接在操作過程中展示不同的效果。
標(biāo)記特定狀態(tài)的元素:hover偽類可以選擇鼠標(biāo)懸停在元素上時的狀態(tài);active偽類可以選擇元素被激活時的狀態(tài);focus偽類可以選擇元素獲得焦點時的狀態(tài)等。這些偽類可以用于改變元素的樣式,實現(xiàn)一些交互效果。
CSS代碼ul li:nth-child(3){background-color: skyblue;}在瀏覽器上顯示效果如下選擇第n個及以上的元素的情況n+到nth - child輸入要開始應(yīng)用的項目的數(shù)值。這里是n+4。
偽類(pseudo-class)是 CSS 選擇器的一種特殊類型,它允許你根據(jù)元素的狀態(tài)或位置來應(yīng)用特定樣式,而無需為元素添加額外的 class 或 id。偽類以冒號(:)開頭,后跟偽類名稱。
css中設(shè)置段落p標(biāo)簽樣式后綴為“標(biāo)簽名:偽類{}”。比方給所有p標(biāo)簽加偽類,大致代碼可以用:p:偽類名{}。
1、可以是表達式,也可以是系統(tǒng)自帶屬性,如odd,even*/a:nth-of-type(n){}/*同上,不同點在于匹配所有子元素,nth-of-type匹配某個特定子元素*/常用是這些偽類。
2、偽類(pseudo-class)是 CSS 選擇器的一種特殊類型,它允許你根據(jù)元素的狀態(tài)或位置來應(yīng)用特定樣式,而無需為元素添加額外的 class 或 id。偽類以冒號(:)開頭,后跟偽類名稱。
3、CSS偽類是用來添加一些選擇器的特殊效果。
4、偽類選擇器是CSS五種選擇器當(dāng)中應(yīng)用最靈活的一種,其包含六個分類。動態(tài)偽類選擇器不同的狀態(tài),使用不同的樣式。
5、由此可以看出,它的功能和class有些類似,但它是基于文檔之外的抽象,所以叫偽類。
6、表示隨著時間的推移或通過用戶干預(yù)進入或者退出時元素的動態(tài)狀態(tài),原則上不屬于html文檔樹本身及其元素或者是屬性,其實CSS偽類是用來添加一些選擇器的特殊效果,與偽元素不同,偽類可以出現(xiàn)在選擇器鏈中的任何位置。
網(wǎng)頁題目:css定義偽類樣式 css中的偽類
鏈接地址:http://jinyejixie.com/article43/dgpshhs.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、網(wǎng)站排名、品牌網(wǎng)站設(shè)計、企業(yè)網(wǎng)站制作、域名注冊、手機網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)