[CSS快速入門(二)] 偽類選擇器 簡介 偽類是選擇器的一種,它用於選擇處於特定狀態的元素,比如當它們是這一類型的第一個元素時,或者是當鼠標指針懸浮在元素上面的時候。它們表現得會像是你向你的文檔的某個部分應用了一個類一樣,幫你在你的標記文本中減少多余的類,讓你的代碼更靈活、更易於維護 ...
一 說明 設置元素在被用戶激活 在鼠標點擊與釋放之間發生的事件 時的樣式。 IE 及更早瀏覽器只支持a元素的:active,從IE 開始支持其它元素的:active。 另:如果需要給超鏈接定義:訪問前,鼠標懸停,當前被點擊,已訪問這 種偽類效果,而又沒有按照一致的書寫順序,不同的瀏覽器可能會有不同的表現。超鏈接的 種狀態,需要有特定的書寫順序才能生效。注意,a:hover必須位於a:link和a: ...
2017-07-17 10:14 0 3754 推薦指數:
[CSS快速入門(二)] 偽類選擇器 簡介 偽類是選擇器的一種,它用於選擇處於特定狀態的元素,比如當它們是這一類型的第一個元素時,或者是當鼠標指針懸浮在元素上面的時候。它們表現得會像是你向你的文檔的某個部分應用了一個類一樣,幫你在你的標記文本中減少多余的類,讓你的代碼更靈活、更易於維護 ...
:first-child 選擇某個元素的第一個子元素(IE6不支持) :last-child 選擇某個元素的最后一個子元素 :first-of-type [CSS3]選擇一個上級 ...
前面花了兩節內容分別在《CSS3選擇器——基本選擇器》和《CSS3選擇器——屬性選擇器》介紹了CSS3選擇器中的基本選擇器和屬性選擇器使用方法,今天要和大家一起學習CSS3選擇器中的第三部分,也是最后一部分——偽類選擇器。偽類選擇器對於大家來說最熟悉的莫過於 ...
偽類選擇器 偽類專門用來表示元素的一種特殊的狀態 比如:訪問過的超鏈接,比如普通的超鏈接,比如獲取焦點的文本框 當我們需要為處在這些特殊狀態的元素設置樣式時,就可以使用偽類 有四個偽類可以讓你根據訪問者與該鏈接的交互方式,將鏈接設置成4種不同的狀態: * 正常鏈接 ...
1、類選擇器:class名 =>p.info {} //選擇class為info的所有p元素 2、id選擇器: id名 => #info {} //選擇id為info的元素 不能為多個元素同時設置相同的id 3、標簽選擇器:標簽名 => div {} //選擇所有 ...
一、結構(位置)偽類選擇器( : ) 1、:first-child 2、:last-child 3、:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) 二、屬性選擇器([ ]) 1、[ 屬性 ...
屬性選擇器 屬性選擇器可以根據元素的屬性及屬性值來選擇元素。CSS3中新增了 3 種屬性選擇器:E[att^=value]、E[att$=value] 和 E[att*=value] 1.E[att^=value] 屬性選擇器 E[att^=value] 屬性選擇器是指選擇名稱為 E ...
結構偽類選擇器介紹 結構偽類選擇器是用來處理一些特殊的效果。 結構偽類選擇器屬性說明表 屬性 描述 E:first-child 匹配E元素的第一個子元素。 E:last-child ...