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