CSS選擇器的常用規則

2021-09-02 07:04:38 字數 796 閱讀 2762

[color=darkred][b][size=large]css選擇器的常用規則[/size][/b][/color]

[size=medium][b](1) 組規則[/b][/size]

語法:選擇符1,選擇符2,...,選擇符n

示例:

/*定義h1的格式*/

h1

[size=medium][b](2)繼承規則[/b][/size]

當對乙個html標籤定義了css樣式後,樣式會自動繼承給這個節點的所有子節點。

[size=medium][b](3)類規則[/b][/size]

通過「.」+類名對該類進行定義。

示例:

.list

[size=medium][b](4)id規則[/b][/size]

通過「#」+id號對該元素進行設定。

示例:

#header

頂部橫條

[size=medium][b](5)巢狀規則[/b][/size]

巢狀規則可以指定乙個路徑來定義乙個樣式,規則中的選擇符可以是類、id或者基本選擇符。

例項1:

.reddish h1

示例2:

pp b

紅色藍色

CSS 樣式規則選擇器

主要有三種 html選擇器 class選擇器 id選擇器 1.html選擇器 1 2 3 type text css 4 p 8 style 9 head 10 11 12 p 這裡應用樣式表 p 13 body 14 html 也就是說選擇器是html標籤 2.class選擇器 1 2 head ...

css樣式 選擇器規則

css 頁面樣式,美化頁面 css樣式的三個規則 1內聯式 直接寫在html標籤中直接對html標籤使用 style屬性 語法 style 樣式 值 樣式 值 優點 操控精準 缺點 不靈活,2嵌入式 在標籤內給標籤css樣式 在head標籤內 優點 精簡 缺點 控制不靈活 紅色是固定的寫法 link...

CSS常用選擇器

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