CSS 二 選擇器

2021-09-26 03:01:13 字數 618 閱讀 9575

格式:

選擇器2. 元素選擇器:選擇具有相同標籤名稱的元素

* 語法: 標籤名稱{}

* 注意:id選擇器優先順序高於元素選擇器

3. 類選擇器:選擇具有相同的class屬性值的元素。

* 語法:.class屬性值{}

* 注意:類選擇器選擇器優先順序高於元素選擇器

2. 擴充套件選擇器:

1. 選擇所有元素:

* 語法: *{}

2. 並集選擇器:

* 選擇器1,選擇器2{}

3. 子選擇器:篩選選擇器1元素下的選擇器2元素

* 語法:  選擇器1 選擇器2{}

4. 父選擇器:篩選選擇器2的父元素選擇器1

* 語法:  選擇器1 > 選擇器2{}

5. 屬性選擇器:選擇元素名稱,屬性名=屬性值的元素

* 語法:  元素名稱[屬性名="屬性值"]{}

6. 偽類選擇器:選擇一些元素具有的狀態

* 語法: 元素:狀態{}

* 如:

* 狀態:

* link:初始化的狀態

* visited:被訪問過的狀態

* active:正在訪問狀態

* hover:滑鼠懸浮狀態

CSS選擇器 二

繼上篇繼續.link visited,active,hover 之前一直認為屬於一組選擇器對a標籤進行操作,但實際上細分來看他們分別是三種型別的選擇器,通常給a標籤四種都加時的順序按照 l,v,h,a 來 否則會產生覆蓋有樣式會不生效 div target style target test tar...

css選擇器 CSS選擇器總結

在前不久的專案中,實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義,從而導致這個全域性的樣式讓 所有頁面都出現了問題,然後我就只...

CSS選擇器 復合選擇器

選擇器 名稱 說明 css 版本 通用選擇器 選擇所有元素 2元素選擇器 選擇指定型別的元素1 id 選擇器 選擇指定 id 屬性的元素1.class 選擇器 選擇指定 class 屬性的元素 1 attr 系列 屬性選擇器 選擇指定 attr 屬性的元素 2 3 s1,s2,s3 分組選擇器 選擇...