第一次分享 選擇器 浮動

2021-10-18 12:26:30 字數 2022 閱讀 7016

id選擇器

class選擇器

"book important"

>

.book

.important

p.book

標籤選擇器(tag選擇器)

li

a

群組選擇器(分組選擇器)

通配選擇器

*
層次選擇器
div p   //即div裡所有的p
div>p  // 即只選擇作為div子元素的p
也可結合後代選擇器

div p>a
"one"

>123

.one~li //選擇的是後面兩個 li

"one"

>123

.one~li //選擇的是第二個 li

屬性選擇器
*[title]

a[href]

[title]

a[href=

"#"]

a[href=

"#"]

[title=

"具體值"

]

"book important"

>

p[class~=

"important"

] //即可選class屬性中有important的

p[class~=

"impor"

] //不能選中

img[title~=

"figure"

]

"book important"

>

p[class^=

"bo"

] //可選class屬性中起始是bo的

p[class$=

"tant"

] //可選class屬性中結束是tant的

p[class*=

"important"

] //可選class屬性中有important的

p[class*=

"impor"

] // 可選中

偽類選擇器

結構偽類選擇器

nth-of-type(

)

first-of-typ

last-of-type

only-of-type

nth-child(

) first-child

last-child

only-child

注:()裡填寫數字,數字從1開始,1表示第一項,以此類推,也可以寫n,表示從零到無窮大。

aaaaa

// 數數時都不包括div

li:nth-of-type(2n+1/2n) // 除去div,在li中第奇/偶數個

li:nth-of-type(2)

li:first-of-type //第乙個li

li:last-of-type //最後乙個li

div:only-of-type //可以選中div

li:only-of-type //當 ul中只有乙個li時,才能被選中

//數數時都包括div

li:nth-child(2n+1/2n) //div參與數數,第奇偶數個li

li:nth-child(3)

div:only-child //不能選中div

p>a:fist-child

p:first-child a

:after

第一次部落格分享

作為乙個新手,第一次寫部落格其實是不知道要說什麼,更不知道從哪說起,寫之前看了一些別人寫的部落格,大多數的文章中已經多方面涉及到技術 經歷等等,很顯然我各個方面都是顯然不足的,還需要自身的努力和時間的積累,說實話以前的我根本都沒有想過自己會走上學習程式設計的道路,對這些東西的了解僅僅在於外表或者說是...

第一次使用crontab linux選擇編輯器問題

第一次使用crontab linux選擇編輯器問題 第一次使用crontab 時,會出現 no crontab for root using an empty one select a editor 下面有幾個選項,就是叫你選擇編輯器。選vim 就可以了,我選的第三個。但是如果你選錯了,就可能會遇到...

第一次飛行

開始敲下這段話時,窗外下面正是一片片陽光照耀著的白雲,伴隨著張學友的歌聲,心潮起伏.雖然從初中起,我就經常乙個人坐著火車,汽車東奔西跑,坐飛機卻是第一次.早上上飛機前,心裡忐忑,必竟還是踏在陸地上踏實.但上了飛機後注意力就放在其它地方上去了,而且,運氣好的是我有乙個靠窗的位置.飛機準備起飛了,助跑加...