CSS選擇符 偽類 層疊

主題，架子（時間架子，空間架子，三角架），素材。

三種方式

上下文選擇符

祖父 孫

p em

p > em

h2 + p

h2 ~ a

*

.class1

#id1

選擇帶有屬性名的標籤

img[title]

img[title="red"]

a:link 

a:visited 
a:hover 
a:active

input:focus

:first-child

:last-child

e:nth-child(n)

偽元素

p::first-letter

e::before

e::after

繼承可繼承：顏色，字型，字型大小。

不可繼承：邊框，外邊距，內邊距。

層疊層層疊加，用最後乙個。

特指度高的勝出。

p 

.large

p

p.largetext
p#largetext
body p#largetext
body p#largetext ul.mylist
body p#largetext ul.mylist li
0-0-1
0-1-1
1-0-1
1-0-2
1-1-3
1-1-4
=1=11
=101
=102
=113
=114

最後宣告勝出。

css屬性值

文字值數字值（絕對值，px。相對值，em。）

顏色值

偽類選擇符

有趣的是偽類選擇符，為什麼叫做偽類選擇符，它允許給html不存在的標籤 標籤的某種狀態 設定樣式，比如說我們給html中乙個標籤元素的滑鼠滑過的狀態來設定字型顏色 a hover 上面一行 就是為 a 標籤滑鼠滑過的狀態設定字型顏色變紅。關於偽選擇符 關於偽類選擇符，到目前為止，可以相容所有瀏鑑器的...

CSS選擇符 屬性選擇符

使用屬性選擇器可以篩選出設定了特定屬性的標籤。例如選取所有設定了title屬性的 img title 這種選擇符的第一部分是標籤名 img 隨後是屬性名，放在方括號裡 title css不限制屬性選擇符只能使用標籤名，也可以使用類。例如 photo title 用於選取類為photo，而且設定了ti...

CSS選擇符 型別選擇符

h1用於選取特定html標籤的選擇符，叫型別選擇符或元素選擇符。這種選擇符的作用特別大。能把樣式應用到網頁中的每個目標標籤上。使用這種選擇符，只需少量工作就能大幅修改網頁的外觀。假如想讓網頁中每個段落都使用相同的字型 顏色和字型大小，只需編寫乙個選擇符為p 表示標籤 的樣式即可。html 最基本的佐...