一、結構(位置)偽類選擇器( : ) 1、:first-child 2、:last-child 3、:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) 二、屬性選擇器([ ]) 1、[ 屬性 ...
什么是選擇器 選擇器的作用是通過它可以找到元素,把css樣式傳遞給元素 css選擇器主要分為:基本選擇器 屬性選擇器 組合選擇器與偽類選擇器四個大類 css基本選擇器 基本選擇器又分為: 通配符 標簽選擇器 class選擇器 id選擇器,在這里需要注意的編程思想在css層疊樣式表中元素有且僅有一個id。注意以下幾點 .id唯一性 .元素id不相同,就像每一個人只有一個身份證一樣,ID就代表身份證 ...
2020-02-13 23:10 0 1756 推薦指數:
一、結構(位置)偽類選擇器( : ) 1、:first-child 2、:last-child 3、:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) 二、屬性選擇器([ ]) 1、[ 屬性 ...
在css3提供的新選擇器之前,選擇一個元素需要借助id或者class,css3新增的選擇器可以更靈活的去選擇需要的元素,那css3提供了哪些好用的選擇器呢? 首先就是屬性選擇器,我們可以通過屬性選擇器在同樣的標簽/類中選擇出具有相同屬性的元素,不用額外再添加class或者id比如需要選擇 ...
屬性選擇器 屬性選擇器可以根據元素的屬性及屬性值來選擇元素。CSS3中新增了 3 種屬性選擇器:E[att^=value]、E[att$=value] 和 E[att*=value] 1.E[att^=value] 屬性選擇器 E[att^=value] 屬性選擇器是指選擇名稱為 E ...
[CSS快速入門(二)] 偽類選擇器 簡介 偽類是選擇器的一種,它用於選擇處於特定狀態的元素,比如當它們是這一類型的第一個元素時,或者是當鼠標指針懸浮在元素上面的時候。它們表現得會像是你向你的文檔的某個部分應用了一個類一樣,幫你在你的標記文本中減少多余的類,讓你的代碼更靈活、更易於維護 ...
:first-child 選擇某個元素的第一個子元素(IE6不支持) :last-child 選擇某個元素的最后一個子元素 :first-of-type [CSS3]選擇一個上級 ...
前面花了兩節內容分別在《CSS3選擇器——基本選擇器》和《CSS3選擇器——屬性選擇器》介紹了CSS3選擇器中的基本選擇器和屬性選擇器使用方法,今天要和大家一起學習CSS3選擇器中的第三部分,也是最后一部分——偽類選擇器。偽類選擇器對於大家來說最熟悉的莫過於 ...
偽類選擇器 偽類專門用來表示元素的一種特殊的狀態 比如:訪問過的超鏈接,比如普通的超鏈接,比如獲取焦點的文本框 當我們需要為處在這些特殊狀態的元素設置樣式時,就可以使用偽類 有四個偽類可以讓你根據訪問者與該鏈接的交互方式,將鏈接設置成4種不同的狀態: * 正常鏈接 ...
1、屬性選擇器 屬性選擇器,可以根據元素特定的屬性來選擇元素,這樣就不用借助 類 或者 id選擇器。 E [ att ] 選擇具有 att 屬性的 E 元素 例如:input [ value ] E [ att = 'val' ] 選擇具有 att 屬性且屬性值等於 ...