css案例學習之class執行的順序

2022-01-31 00:11:47 字數 847 閱讀 2701

>選擇器.class

title

>

<

style

type

="text/css"

>

pp.special

.special

style

>

head

>

<

body

>

<

p>普通段落文字

p>

<

h3>普通標題文字

h3>

<

p class

="special"

>指定了.special類別的段落文字

p>

<

h3 class

="special"

>指定了.special類別的標題文字

h3>

body

>

html

>

先執行統一的.special

再執行特定p下面的.special

最終p元素下的顏色還是變成了紅色

那些普通的special類元素沒有變,依然是綠色

css案例學習之層疊樣式

層疊特性 title style type text css p.red purple 這裡的順序是關鍵 line3 style head body p 這是第1行文字 p p class red 這是第2行文字 p p id line3 class red 這是第3行文字 p p style co...

css學習之id和class選擇器

如果你要在html元素中設定css樣式,你需要在元素中設定 id 和 class 選擇器。id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式。html元素以id屬性來設定id選擇器,css 中 id 選擇器以 來定義。以下的樣式規則應用於元素屬性 id test1 demo 測試一測...

SQL學習之案例

乙個班級資料庫classbase,需要記錄班級裡的學生 學生屬性為 sid,sname,phone 表應該如下 建立資料庫 use classbase 使用資料庫 drop table ifexists students create table students 建立學生 sid int,snam...