[foo ^="bar"] --- 選擇foo屬性值以“bar”開頭的所有元素
[foo $="bar"] --- 選擇foo屬性值以“bar”結尾的所有元素
[foo |= "bar"] --- 選擇foo屬性等于bar或者以bar-開頭的所有元素
*:lang(en) 等價于*[lang |= "en"]
[foo*="this"] 選擇foo屬性值為包含this的字符串的元素。
eg:<img title='thisistrue' />
[foo~="this"] 選擇foo屬性值為一用空格分隔的字詞列表,且其中一個屬性為this的元素。
eg:<img title='yes this' />
ul+h2 --- 選擇緊跟在ul標簽后的h2標簽(注:兩標簽之間可間隔文本但不能間隔標簽)
p:first-child --- 用于選取屬于其父元素的首個子元素且為p元素(注:首個子元素+p元素)
偽類可以結合使用:a:link:hover:lang(en)(注:互斥的偽類不可結合,如:a:link:visited)
background-position在使用具體像素值定位時使用圖像左上角,在使用百分數定位時用圖像相應位置定位,即:在100px*100px的div里,background-position:50px 50px不能居中,而background-position:50% 50%可以水平垂直居中
background-color:rgba(紅,藍,綠,透明度);(eg:background-color:rgba(0,0,0,0.8);)
:target跳轉目標偽類選擇器
繼承沒有特殊性(通配符的0比它高),默認向下傳播,向上傳播的例外:body元素的背景樣式可以傳遞到html元素
讀者的重要聲明 > 創作人員的重要聲明 > 創作人員的正常聲明 > 讀者的正常聲明 > 用戶代理聲明
:link{}
:visited{}
:hover{}
:active{}
LVHA記作“LoVe-HA!”
字體名中包含特殊符號或空格時建議用引號括起來,字體名與所接受關鍵字匹配時必須加引號('cursive')