css語法和選擇器

2021-10-10 15:04:05 字數 1113 閱讀 4225

4. css語法

* 格式:

選擇器* 選擇器:篩選具有相似特徵的元素

* 注意:

* 每一對屬性需要使用;隔開,最後一對屬性可以不加;

5. 選擇器:篩選具有相似特徵的元素

* 分類:

1. 基礎選擇器

1. id選擇器:選擇器具體的id屬性值的元素.建議在乙個html頁面中id值唯一

* 語法: #id屬性值{}

* 注意: id選擇器的優先順序最高

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

* 語法:標籤名稱{}

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

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

* 語法:.class屬性值{}

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

2. 擴充套件選擇器

1. 選擇所有元素:

* 語法:* {}

2. 並集選擇器

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

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

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

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

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

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

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

* 一般用於input型別的標籤

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

* 語法:元素:狀態{}

* 如:* 狀態:

* link:初始化的狀態

* visited:被訪問過的狀態

* active:正在訪問狀態

* hover:滑鼠懸浮狀態

6. 屬性p呵呵

傳智播客

黑馬程式設計師

傳智學院

傳智播客

黑馬程式設計師

傳智播客

黑馬程式設計師

aaainput[type='text']

a:link

a:hover

a:active

a:visited

傳智播客

黑馬程式設計師

css語法選擇器

表示的選擇所有的節點 表示的是id為container的 節點 container選擇所有class屬性是container的節點 li a 選擇所有的li標籤下面的a元素 ul p 選擇ul後面面的第乙個p元素 div container ul 選擇id是container的div的第乙個ul元素...

css語法 選擇器

css 選擇器是用來選擇標籤的,選出來以後給標籤加樣式。標籤選擇器 類選擇器 層級選擇器 後代選擇器 id選擇器 組選擇器 偽類選擇器 根據標籤來選擇標籤,以標籤開頭,此種選擇器影響範圍大,一般用來做一些通用設定。示例 type text css pstyle hellodiv hellop 根據類...

css選擇器語法速查

通用選擇器 類似於萬用字元,匹配文件中所有元素型別 型別選擇器 h1,h2,p 匹配以逗號隔開元素列表中的所有元素 類選擇器 glass or p.glass id選擇器 id or p id 子選擇器 td b 匹配元素是另外乙個元素的直接子元素 後繼選擇器 td b 匹配另乙個指定元素的所有巢狀...