css之選擇器

2022-06-28 03:27:08 字數 853 閱讀 2304

常用選擇器

元素選擇器

id選擇器

類選擇器

通配選擇器

復合選擇器

交集選擇器

並集選擇器

關係選擇器

子元素選擇器

後代選擇器

兄弟選擇器(兩種)

選擇下邊所有的兄弟

**屬性選擇器**

例子:**偽類選擇器**

例子:

ul > li:first-child

ul > li:last-child

ul > li:nth-child(even)

…………

但是:nth-child()是根據所欲元素排序的,為了對指定型別排序操作,所以又有

偽類拓展補充:

**偽元素選擇器**

例子:

p::first-letter

p::first-line

p::selection

p::before

p::after

最後,選擇器的優先順序:

內聯樣式 > id選擇器 > 類和偽類選擇器 > 元素選擇器 > 通配選擇器 > 繼承的樣式

注意:交集選擇器優先順序可相加。

分組選擇器優先順序不可相加。

樣式後加 ! important,則優先順序最高,甚至超過內聯樣式。

JQuery選擇器之CSS選擇器

語法描述 選擇所有元素 選擇特定型別的元素 選擇具有特定class的元素 選擇具有特定class的某類元素 id 選擇具有特定id屬性值的元素 語法描述 attr 選取定義了attr屬性的元素,即使這個屬性值為空 attr val 選擇attr屬性值等於字串val的元素 attr val 選擇att...

CSS選擇器之基礎選擇器

選擇器 選擇符 就是根據不同需求把不同的標籤選出來這就是選擇器的作用。簡單來說,就是選擇標籤用的。標籤選擇器 又稱元素選擇器,指用html標籤作為選擇器,為頁面中某類標籤設定css樣式。缺點 不能差異化設定樣式,只能選擇全部的當前標籤。語法 基礎選擇器之標籤選擇器title 標籤選擇器 寫上標籤名 ...

CSS 選擇器之基礎選擇器

id選擇器 選擇具體的id屬性值的元素 元素選擇器 選擇具有相同標籤名稱的元素 類選擇器 選擇具有相同的class屬性值的元素。id選擇器,是根據標籤的id屬性值選擇對應的標籤的。格式 id值舉例 定義兩個p標籤,且標籤的id屬性值不同,然後用css定義p標籤的內容如何顯示。google瀏覽器中開啟...