一、結構(位置)偽類選擇器( : ) 1、:first-child 2、:last-child 3、:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) 二、屬性選擇器([ ]) 1、[ 屬性 ...
一 ::first letter 第一個字 二 ::first line 第一行 以瀏覽器為准的第一行 三 ::selection 被選中的字行 鼠標選中的字段 只能向 ::selection 選擇器應用少量 CSS 屬性:color background cursor 以及 outline。 四 ::before 和 ::after . 必須帶一個屬性content .在內部內容的前面或者后面插 ...
2018-04-16 18:00 0 3775 推薦指數:
一、結構(位置)偽類選擇器( : ) 1、:first-child 2、:last-child 3、:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) 二、屬性選擇器([ ]) 1、[ 屬性 ...
一、css3之前的選擇器 ID選擇器 類選擇器 包含選擇器(E F) 偽類選擇器(:link,visited,hover,active,focus,first-child) 偽元素選擇器(::first-line,first-letter,before,after) 通 ...
前端之HTML5,CSS3(二) CSS3新增選擇器和樣式 CSS3新增選擇器 結構偽類選擇器 :first-child:選取父元素中的第一個子元素的指定選擇器 :last-child:選取父元素中的最后一個子元素的指定選擇器 :nth-child(n):選取父 ...
1. CSS1定義的選擇器 選擇器 類型 說明 E 類型選擇器 選擇指定類型的元素 E#id ID選擇器 選擇匹配E的元素,且匹配元素的id為“id”,E選擇符可以省略 ...
在css3提供的新選擇器之前,選擇一個元素需要借助id或者class,css3新增的選擇器可以更靈活的去選擇需要的元素,那css3提供了哪些好用的選擇器呢? 首先就是屬性選擇器,我們可以通過屬性選擇器在同樣的標簽/類中選擇出具有相同屬性的元素,不用額外再添加class或者id比如需要選擇 ...
1、屬性選擇器 屬性選擇器,可以根據元素特定的屬性來選擇元素,這樣就不用借助 類 或者 id選擇器。 E [ att ] 選擇具有 att 屬性的 E 元素 例如:input [ value ] E [ att = 'val' ] 選擇具有 att 屬性且屬性值等於 ...
屬性選擇器 屬性選擇器可以根據元素的屬性及屬性值來選擇元素。CSS3中新增了 3 種屬性選擇器:E[att^=value]、E[att$=value] 和 E[att*=value] 1.E[att^=value] 屬性選擇器 E[att^=value] 屬性選擇器是指選擇名稱為 E ...
偽類選擇器的作用:對已有選擇器做進一步的限制,對已有選擇器能匹配的元素做進一步的過濾。CSS 3提供的偽類選擇器主要分為以下三類: 結構性偽類選擇器 UI元素狀態偽類選擇器 其他偽類選擇器 1、結構性偽類選擇器 Selector:root:匹配文檔的根元素 ...