子元素的偽類

1

doctype html
>
2<
html
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>
title
>
6<
style 
type
="text/css"
>7/*
8:first-child 可以選中第乙個子元素
9:last-child 可以選中最後乙個子元素
10:nth-child 可以選中任意位置的子元素
11even表示偶數
12odd表示奇數
13first-of-type 
14last-of-type
15nth-of-type
16和:first-child這些類似，只不過child，是在所有的子元素中排列
17而type，是在當前型別的子元素中排列
18*/
19p:first-child
22p:last-child
25:nth-child(3)
28p:first-of-type
31style
>
32head
>
3334
<
body
>
35<
span
>我是span
span
>
36<
p>我是乙個p標籤
p>
37<
p>我是乙個段落
p>
38<
p>我是乙個段落
p>
39<
p>我是乙個段落
p>
40<
p>我是乙個段落
p>
41<
p>我是乙個段落
p>
42<
span
>我是span
span
>
43<
div>
44<
p>
45我是乙個p標籤46p
>
47div
>
48body
>
49html
>

偽元素 偽類

偽元素在dom中建立了一些抽象元素，而且這些元素本身時不存在與dom中的。在css3中偽元素前要使用 兩個冒號 比如 使用在使用 before 和 after時，要使用content進行內容設定。預設情況下，偽元素插入的內容為行內元素，不過可以使用display進行設定。注意 同時只能使用乙個偽元素...

偽類 偽元素

偽類和偽元素在web開發中用的好的話，可以說猶如神助。但一定要分清楚，什麼是偽類，什麼是偽元素。如何區分偽元素與偽類？答 偽元素在html文件渲染後，頁面中有相應的內容顯示，同時能夠設定它的樣式，而偽類只能設定樣式 偽元素和元素的區別？答 很明顯，從字面意思上來說，偽元素就不是真正的元素，而只有形而...

偽類 偽元素

偽類和偽元素 偽類其實是為彌補css選擇器的不足，用來更方便地獲取資訊 而偽元素本質上是建立了乙個虛擬容器 元素 我們可以在其中新增內容或樣式 css3中，偽類用單冒號 表示 而偽元素用雙冒號 表示 before 偽元素可以在元素的內容前面插入新內容 after 偽元素以在元素的內容之後插入新內容 ...