CSS學習之選擇器

2022-09-08 18:39:11 字數 1831 閱讀 7077

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>css之選擇器

title

>

<

style

>

/*body

*//*

後代選擇器選擇後面的全部

*//*

div strong

*//*

子元素選擇器。只顯示直屬的

*/div>strong

/*交集選擇器。即是**關係,又是**關係;

*/p.red

/*並集選擇器 逗號是和的意思

*/p,div,.red

/*加了:都是偽類

*//*

未訪問過的狀態

*/a:link

/*已經訪問過的狀態

*/a:visited

/*滑鼠經過連線時候的狀態

*/a:hover

/*當我們點選的時候(按下滑鼠。 點選的時候)

*/a:active

.n** a

.n** a:hover

style

>

head

>

<

body

>

<

div>

<

strong

>兒子

strong

>

<

strong

>兒子

strong

>

<

strong

>兒子

strong

>

div>

<

div>

<

p>

<

strong

>孫子

strong

>

<

strong

>孫子

strong

>

<

strong

>孫子

strong

>

p>

div>

<

p class

="red"

>紅色

p>

<

p class

="red"

>紅色

p>

<

p class

="red"

>紅色

p>

<

div

class

="red"

>紅色

div>

<

div

class

="red"

>紅色

div>

<

div

class

="red"

>紅色

div>

<

a href

="">小公尺手機

a>

<

div

class

="n**"

>

<

a href

="#"

>div裡面的a標籤

a>

div>

body

>

html

>

css學習之選擇器

這是我的第一篇部落格,說實話還有點小緊張.id選擇器與類選擇器 id與類選擇器大體上相差無幾,兩者都是規定出在預設標籤或派生選擇器的例外情況,與類選擇器不同的是id選擇器只可以依附於乙個標籤而類選擇器可以應用於不同標籤 屬性選擇器 格式 id class 標籤名 標籤內屬性 value 引數 兄弟姐...

css學習之 選擇器

css3在原來的原則器基礎上增加了很多態別的選擇器,下面總結一下css3提供的選擇器,當做乙個複習。一 基礎選擇器 1 通配選擇器,選擇html文件中的所有元素。2 idvalue id選擇器,選擇id為idvalue的元素。3 classvalue 類選擇器,選擇類為classvalue的元素 4...

JQuery選擇器之CSS選擇器

語法描述 選擇所有元素 選擇特定型別的元素 選擇具有特定class的元素 選擇具有特定class的某類元素 id 選擇具有特定id屬性值的元素 語法描述 attr 選取定義了attr屬性的元素,即使這個屬性值為空 attr val 選擇attr屬性值等於字串val的元素 attr val 選擇att...