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

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

新聞中心

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

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

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

一、什么是偽類(lèi)?

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

例如，針對(duì)第一個(gè)或最后一個(gè)子元素。

偽類(lèi)以冒號(hào)(:)開(kāi)頭。

語(yǔ)法

 
 
 
 
    
  
  
  
  
  1. /*選擇器：偽類(lèi){ 屬性：值 ; }*/ 
    2.

二、最常用的偽類(lèi)

錨偽類(lèi)

使用 錨 偽類(lèi)鏈接可以以不同的方式顯示。

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

例

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

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

例

 
 
 
 
    
  
  
  
  
  1.  
    2.

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

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

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

<1> : first-child偽類(lèi)

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

 
 
 
 
    
  
  
  
  
  1.  
    2.

注意：

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

<2> : last-seudo偽類(lèi)

last-child偽類(lèi)匹配的是一些其他元素的最后一個(gè)子元素的元素。ul li:last-child例中的選擇器從無(wú)序列表中選擇最后一個(gè)列表項(xiàng)，并從其中刪除右邊框。

 
 
 
 
    
  
  
  
  
  1.  
    2.

注意：

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

<3> : nth-child偽類(lèi)

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

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

例

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

提示：

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

<4> : lang偽類(lèi)

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

lang以下示例中的偽類(lèi)為明確賦予語(yǔ)言值的元素定義了引號(hào)no。

例

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







    17. <strike id="ptin6"><code id="ptin6"></code></strike>
    <sup id="ptin6"><form id="ptin6"><dd id="ptin6"></dd></form></sup>
    <dfn id="ptin6"><code id="ptin6"><nobr id="ptin6"></nobr></code></dfn>
  20. <strike id="ptin6"><code id="ptin6"></code></strike>