在css3提供的新選擇器之前，選擇一個元素需要借助id或者class，css3新增的選擇器可以更靈活的去選擇需要的元素，那css3提供了哪些好用的選擇器呢？ 首先就是屬性選擇器，我們可以通過屬性選擇器在同樣的標簽/類中選擇出具有相同屬性的元素，不用額外再添加class或者id比如需要選擇 ...

1、屬性選擇器 　　屬性選擇器，可以根據元素特定的屬性來選擇元素，這樣就不用借助 類 或者 id選擇器。 　　E [ att ] 選擇具有 att 屬性的 E 元素 例如：input [ value ] 　　E [ att = 'val' ] 選擇具有 att 屬性且屬性值等於 ...

前面花了兩節內容分別在《CSS3選擇器——基本選擇器》和《CSS3選擇器——屬性選擇器》介紹了CSS3選擇器中的基本選擇器和屬性選擇器使用方法，今天要和大家一起學習CSS3選擇器中的第三部分，也是最后一部分——偽類選擇器。偽類選擇器對於大家來說最熟悉的莫過於 ...

一、結構（位置）偽類選擇器（ : ） 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元素中 ...

結構偽類選擇器介紹 結構偽類選擇器是用來處理一些特殊的效果。 結構偽類選擇器屬性說明表 屬性 描述 E:first-child 匹配E元素的第一個子元素。 E:last-child ...

偽元素 能使用偽元素來選擇元素中的一些特殊位置 一、給段落定義樣式 :first-letter 首字母（只能用於塊元素） :first-line 第一行 1、為p元素中的第一個字符設置顏色為黃色，字體為30px p:first-letter{color:yellow ...

:first-child 選擇某個元素的第一個子元素（IE6不支持） :last-child 選擇某個元素的最后一個子元素 :first-of-type [CSS3]選擇一個上級 ...