[CSS快速入門(二)] 偽類選擇器 簡介 偽類是選擇器的一種,它用於選擇處於特定狀態的元素,比如當它們是這一類型的第一個元素時,或者是當鼠標指針懸浮在元素上面的時候。它們表現得會像是你向你的文檔的某個部分應用了一個類一樣,幫你在你的標記文本中減少多余的類,讓你的代碼更靈活、更易於維護 ...
本文介紹一下Css偽類:is和:not,並解釋一下is not matches any之前的關系 :not The :not CSS pseudo class represents elements that do not match a list of selectors. Since it prevents specific items from being selected, it is k ...
2019-11-25 16:48 0 869 推薦指數:
[CSS快速入門(二)] 偽類選擇器 簡介 偽類是選擇器的一種,它用於選擇處於特定狀態的元素,比如當它們是這一類型的第一個元素時,或者是當鼠標指針懸浮在元素上面的時候。它們表現得會像是你向你的文檔的某個部分應用了一個類一樣,幫你在你的標記文本中減少多余的類,讓你的代碼更靈活、更易於維護 ...
前面花了兩節內容分別在《CSS3選擇器——基本選擇器》和《CSS3選擇器——屬性選擇器》介紹了CSS3選擇器中的基本選擇器和屬性選擇器使用方法,今天要和大家一起學習CSS3選擇器中的第三部分,也是最后一部分——偽類選擇器。偽類選擇器對於大家來說最熟悉的莫過於 ...
偽類選擇器 偽類專門用來表示元素的一種特殊的狀態 比如:訪問過的超鏈接,比如普通的超鏈接,比如獲取焦點的文本框 當我們需要為處在這些特殊狀態的元素設置樣式時,就可以使用偽類 有四個偽類可以讓你根據訪問者與該鏈接的交互方式,將鏈接設置成4種不同的狀態: * 正常鏈接 ...
:first-child 選擇某個元素的第一個子元素(IE6不支持) :last-child 選擇某個元素的最后一個子元素 :first-of-type [CSS3]選擇一個上級 ...
1、類選擇器:class名 =>p.info {} //選擇class為info的所有p元素 2、id選擇器: id名 => #info {} //選擇id為info的元素 不能為多個元素同時設置相同的id 3、標簽選擇器:標簽名 => div {} //選擇所有 ...
屬性選擇器 屬性選擇器可以根據元素的屬性及屬性值來選擇元素。CSS3中新增了 3 種屬性選擇器:E[att^=value]、E[att$=value] 和 E[att*=value] 1.E[att^=value] 屬性選擇器 E[att^=value] 屬性選擇器是指選擇名稱為 E ...
一、結構(位置)偽類選擇器( : ) 1、:first-child 2、:last-child 3、:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) 二、屬性選擇器([ ]) 1、[ 屬性 ...
偽元素選擇器屬性介紹 •偽元素主要作用就是操作元素的文本和添加內容 •偽元素使用說明表 屬性 描述 X:first-letter 設置X元素中的第一個字。 X:first-line 設置X元素中 ...