學做網站時什么是網站CCS偽類？
作者：佚名 時間：2014-03-12 分享到：
學做網站時什么是網站CCS偽類？
除傳統樣式類之外，CSS標準清空定義了偽類，它允許為特定的標簽狀態（states）定義顯示樣式，諸如在用戶選擇超鏈接時改變顯示樣式。創建偽類的方法和常規類相似，但有兩個顯著的不同之處：它們在連接到標簽名時使用的是冒號而不是句點，而且它們有預先定義好的名稱，而不能隨便給它們取個名字。共有7種偽類，其中3類明確地與<a>標簽相關聯。
超鏈接偽類
與CSS兼容的瀏覽器可以區分用<a>標簽創建的超鏈接的三種特殊狀態:未訪問狀態、正在訪問狀態。瀏覽器可以改變標簽內容的外觀來表明它的狀態，例如使用下劃線或顏色。可以通過偽類將樣式定義為a:link(未訪問)、a:active(正被訪問)和a:visited(訪問過的)，來控制這些狀態的顯示方式。
:link偽類控制未被用戶選擇以及還沒有訪問過的的鏈接的外觀國。:active偽類定義目前正被用戶擇和正被瀏覽器訪問的鏈接的外觀。visited偽類定義已被用戶訪問過的鏈接。
要完整地定義<a>標簽的所有這三種狀態，可以用如下代碼：
a:link{color: blue}a:active{color: red;font-weight: bold;}a:visited{color: green}
在上面的示例中，能夠識別樣式瀏覽器應該用藍色顯示未訪問過的邏接。當用戶選擇了某個鏈接時，瀏覽器將把其文字顏色變為紅色 ，并變成粗體。一旦訪問了某個鏈接，該鏈接將恢復為綠色文字。
交互作用偽類
css標準定義了兩種新的偽類，它們和:active一樣與用戶動作相關，它們通知交互代理（如瀏覽器）在用戶與元素交互時該如何顯示被影響的元素。換句話說，hover和focus這兩種偽類是動態的。
例如，將鼠標拖到文檔上某個鏈接上時，瀏覽器可以改變鼠標指針的圖標。與懸停（hovering）相關聯的樣式，必須是只有當鼠標停留在元素上時才起作用的樣式。例如，如果在我們標例中的超鏈接樣式規則列表中添加:hover偽類:
a:hover{color: yellow}
與未訪問的鏈接相關的文字都將顯示為藍色，但在用鼠標指向它時會變成黃色，訪問它時變成紅色，訪問過后則會變成綠色。
同樣，:focus偽類允許我們在元素變成專注的對象時改變其樣式。當你tab鍵切換到某元素，或者單擊它，或者單擊它，或者根據不同的瀏覽器把光標移向它時，該元素就會成為焦點目標。不管如何使元素成為焦點，與焦點偽類相關的樣式規則只在元素是焦點時才會應用。
嵌套和語言偽類
當某元素是包含元素的第一個子元素時（亦稱為“child”，也就是“子”），CSS2的:first-child偽類允許我們指定要使用的顏色。例如，當某個段落是某部分的第一個元還給時，可以應用下列規則;而且不能有插入元素（注意，特殊的大于號語法將第一個子元素與其父元素關聯了起來）：
div > P:first-child{font-style: italic;};
因此，下列HTMl代碼塊中的第一段會被與CSS兼容的瀏覽器以斜體顯示，因為它是這個部分的第一個子元素。相反，第二段會在一個二級標題后出現，這個二級標題是第二個的第一個子元素。因此本例的第二個段落顯示為純文本，為它不是這個部分的第一個子元素：
<div><p>上海聯楷網絡</p></div><div><h2>建站學院</h2><p>上海聯楷網絡建站學院提供分享做網站知識
最后，CSS2標準還定義了一種新的偽類，允許我們根據其語言來選擇元素。例如，在一個<div>標簽中可以包括lang=fr屬性，告訴瀏覽器這個部分包含的是法語（French）文字。瀏覽器會特殊對待這個文本。還可以把偽類:lang強加到某個特殊樣式中。例如：
div:lang（it）｛font-family:Roman｝
這表示文檔中包含意大利（Italy）文的部分應該使用羅馬（Roman）字體系列。這種上做法非常合適，你不覺得嗎？注意，應該在緊隨lang關鍵字后的圓括號內指定語言。與lang屬性相同，這里對偽類:lang也要使用雙字母ISO標準代碼。現在的瀏覽器都不支持網站中出現:lang、first-child或:focus偽類。但是，目前流行的所有瀏覽器都支持網站超鏈接標簽(<a>)的:link、active、:hover和:visited偽類。盡管做網站時:active也可用于其它元素，但沒有瀏覽器支持<a>標簽以外的應用。
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/contact/20151229/n7330.html
