1、父元素選擇器：$div>span
例：.wrap>$div>span 此時樣式會落在帶有$的div身上
例2：$ol>li:only-child 此時樣式會落在只有乙個li子元素的ol身上。
例：p:dir(rtl) 將會渲染成字型大小為20px，文字排列方向從右向左的一行文字。例：p:matches( :first-child , .main ) 結果 p:first-child , p.main
例2：label:matches(:hover,:focus) input 當label獲取焦點或者hover時，相對應的input會被高亮。對應關係當然是for和id了。
例：li:hover /data-type/ p 當li的data-type屬性與p的id屬性值相同時且當li處於hover狀態下，對應的p會高亮。7、圍繞圖形排列shape，僅在浮動元素上設定會生效
8、包含元素選擇器 :has
例：table:has(tr:nth-of-type(11)) 若table元素內有超過10個tr，樣式生效。
例2：div:has(p:nth-child(28)) 若div內的第28個元素為p，該div被選中
例2：div:not([class|='w_content'],:has(img)) 將會選中所有class不是以w_content開頭或w_content_開頭並且子元素沒有img的div
10、塊級樣式scoped
例：此時style內的樣式僅在div內部生效，即內部文字會變成紅色
:root
a
結果：a
13、calc函式
例：.wrap 當你不知道容器的寬和高的時候，calc函式可以將背景定位到距離右下角25px的位置
例2：body 結果： body
例：a 結果：a //顏色加深了一點
例2：a 結果：a //已經很接近黑色了
例：a 結果：a例：a 結果：a //特別深的灰色，看起來像黑色
例2：a 結果：a //特別淺的灰色，看起來像銀色
css 4種定位方式
css的定位即position屬性的值有4種 static,relative,absolute,fixed。static是預設值，元素位於文件流中，正常顯示，忽略元素的top,bottom,left,right屬性。需要注意的一點是z index屬性在這個定位方式下始終為0.如果其他定位方式的漂浮元...
我們需要CSS4嗎？
詹 西蒙斯 jen simmons 在本週向css工作組提出了乙個有趣的建議 讓我們定義css 4最近，出現了很多次關於 製作的人將從css工作組正式定義 css 4 以及後來的 css 5 等中受益匪淺的情況。緊接著nicole sullivan和ppk提出了這個想法，隨後chris coyier...
CSS（4） 文字布局
文字 可以控制字型，文字大小，文字顏色，文字粗細，斜體，下 中 頂劃線。text transform 首字母或全部首字母大寫.font family 控制字形，見另一blog font size 控制字型 例如 p.f12 text decoration 實現underline 下劃線 overli...