日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
一篇文章帶你了解CSSPseudo-classes(偽類)

CSS偽類選擇器根據(jù)其他條件匹配組件，而不一定由文檔樹定義。CSS 偽類 是添加到選擇器的關(guān)鍵字，指定要選擇的元素的特殊狀態(tài)。

10年的鐵東網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。全網(wǎng)整合營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整鐵東建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“鐵東網(wǎng)站設(shè)計”,“鐵東網(wǎng)站推廣”以來，每個客戶項目都認(rèn)真落實執(zhí)行。

一、什么是偽類?

CSS偽類允許設(shè)置元素的動態(tài)狀態(tài)的樣式，例如懸停，活動狀態(tài)和焦點狀態(tài)，以及文檔樹中現(xiàn)有但不能通過使用其他選擇器作為目標(biāo)的元素，而無需添加任何選擇器它們的ID或類。

例如，針對第一個或最后一個子元素。

偽類以冒號(:)開頭。

語法

 
 
 
 
    
  
  
  
  
  1. /*選擇器：偽類{ 屬性：值 ; }*/ 
    2.

二、最常用的偽類

錨偽類

使用 錨 偽類鏈接可以以不同的方式顯示。

這些偽類使可以對未訪問的鏈接進行樣式化，而對訪問的鏈接進行樣式化。最常見的樣式設(shè)置技術(shù)是從訪問的鏈接中刪除下劃線。

例

 
 
 
 
    
  
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3.  
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5. 錨偽類的示例 
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7.  
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9. Visit  
    10.   
  
  
  
  10.      www.baidu.com
     
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12.  
    13.

一些錨點偽類是動態(tài)的，是由于用戶與文檔進行交互(例如懸?；蚓劢沟?而應(yīng)用的。

例

 
 
 
 
    
  
  
  
  
  1.  
    2.

這些偽類更改了響應(yīng)用戶操作呈現(xiàn)鏈接的方式。

  •  hover 當(dāng)可被用于在用戶將鼠標(biāo)懸停在按鈕上時改變按鈕的顏色用。
  •  active 當(dāng)元素被激活或單擊時適用。
  •  focus 當(dāng)元素具有鍵盤焦點時適用。

注：為了使這些偽類很好地工作，必須按正確的順序?qū)⑺鼈兌x - :link, :visited, :hover, :active, :focuss。

<1> : first-child偽類

first-child偽類匹配的是一些其他元素的第一個子元素的元素。ol li:first-child在下面的示例中，選擇器選擇一個有序列表的第一個列表項，并從其頂部刪除邊框。

 
 
 
 
    
  
  
  
  
  1.  
    2.

注意：

要 :first-child在Internet Explorer 8和更早版本中工作，必須在文檔頂部聲明a 。

<2> : last-seudo偽類

last-child偽類匹配的是一些其他元素的最后一個子元素的元素。ul li:last-child例中的選擇器從無序列表中選擇最后一個列表項，并從其中刪除右邊框。

 
 
 
 
    
  
  
  
  
  1.  
    2.

注意：

CSS :last-child選擇器在Internet Explorer 8和更早版本中不起作用。在Internet Explorer 9及更高版本中支持。

<3> : nth-child偽類

CSS3引入了一個新的:nth-child偽類，使可以將給定父元素的一個或多個特定子對象作為目標(biāo)。

此選擇的基本語法可以與給予:nth-child(N)，其中N是一個參數(shù)，其可以是一個數(shù)字，一個關(guān)鍵字(even或odd)，或形式的表達xn+y，其中x和y是整數(shù)(例如1n，2n，2n+1，...)。

例

 
 
 
 
    
  
  
  
  
  1.  
    2.   
  
  
  
  2. /*上面示例中的樣式規(guī)則僅突出顯示了代替表行，而沒有向元素添加任何ID或類。*/ 
    3.

提示：

CSS :nth-child(N)選擇器在必須選擇以特定間隔或模式(例如在偶數(shù)或奇數(shù)位置等)出現(xiàn)在文檔樹內(nèi)的元素的情況下非常有用。

<4> : lang偽類

語言偽類:lang允許根據(jù)特定標(biāo)記的語言設(shè)置來構(gòu)造選擇器。

lang以下示例中的偽類為明確賦予語言值的元素定義了引號no。

例

 
 
 
 
    
  
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3.  
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5. CSS：lang偽類示例 
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7.  
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9. 某些文本段落中的引號一些文本。 
    10.   
  
  
  
  10. Note:Internet Explorer 8和更早版本不支持 
    11.   
  
  
  
  11. ：lang 偽類。IE8僅在以下情況下支持  
    12.   
  
  
  
  12.      is specified.
     
    13.   
  
  
  
  13.  
    14.   
  
  
  
  14.  
    15.   
  
  
  
  15.