css的9個常用選擇器

2021-09-27 03:47:06 字數 754 閱讀 5068

1.類選擇器(通過類名進行選擇)

複製**

這是類選擇器

hello world

複製** 效果圖:

2.id選擇器(通過id進行選擇)

複製**

這是id選擇器

複製** 效果圖:

3.標籤選擇器(通過id進行選擇)

複製**

這是標籤選擇器

複製** 效果圖:

4.分組選擇器(可一次選擇多個標籤以設定相同樣式)

複製**

這是分組選擇器

hello

world

複製** 效果圖:

5.後代選擇器(選擇某個標籤的所有後代以設定相同樣式)

複製**

複製** 效果圖:

6.屬性選擇器(通過屬性(如name屬性)進行選擇以設定相同的樣式)

複製**

這是屬性選擇器

hello world

複製** 效果圖:

7.通用選擇器(選擇所有標籤以設定相同樣式)

複製**

這是通用選擇器

hello

world

複製** 效果圖:

8.兄弟選擇器(選擇兄弟關係的標籤設定樣式)

複製**

這是兄弟選擇器

hello world 複製** 效果圖:

9.直接父子選擇器(選擇父子關係的標籤中子標籤設定樣式)

複製**

這是直接父子選擇器

CSS常用選擇器

class 選擇器 選擇並設定 class intro 的元素的樣式 intro id選擇器 為 id firstname 的元素設定樣式 firstname 標籤選擇器 選擇並設定所有 元素的樣式 p並集選擇器 使用 逗號 連線兩個選擇器 選擇並設定所有 樣式和所有 元素的樣式 h1,p 後代選擇...

CSS 常用選擇器

選擇器是指通過一定的語法規則選取到對應的html標記,然後給這個對應的html標記設定樣式 1.標籤選擇器 寫法 標籤名 標籤選擇器影響範圍大,一般用來做一些通用設定,或用在層級選擇器中。舉例 div 這是第乙個div 這是第二個div 2.類選擇器 寫法 類名 通過類名來選擇元素,乙個類可應用於多...

css常用選擇器

css 層疊樣式表 作用 美化html 行內式 css選擇器 外鏈式為單獨書寫的乙個css檔案,內容類似內嵌式,但是沒有內嵌式的外部標籤 如下 標籤選擇器 p color darkseagreen font family 楷體 font weight 200 id選擇器 id color india...