e f 包含選擇器 包括孫子輩的
e>f 子選擇器 不包括孫子輩的
e+f 相鄰選擇器
e~f 兄弟選擇器
選中e出現的後面的兄弟
中國十大傑出人物
①別人家的孩子
②別人家的爸爸
③別人家的媽媽
④別人家的老公
⑤別人家的老婆
⑥別人家的公公
⑦別人家的婆婆
⑧別人家的公司
⑨別人家的領到
⑩別人家的員工
偽類選擇器
e:link
e:visited
e:hover
e:active
e:focus
e:first
e:last
e:nth-child(){}
li:nth-child(2){}:找到li父親的第二個元素,並且第二個元素必須是li,否則無效
li:nth-child(odd) {} odd奇數 even偶數
li:nth-child(3n+1){} 自定義序列 (n從0自增1)
e:nth-last-child(){} 倒敘方式
e:only-only-child 父元素的唯一子元素,獨生子
e:first-of-type{} 先過濾掉不符合e的元素,再排序
e:last-of-type{}
e:nth-of-type(){}
e:only-of-type(){}如果不是獨生子就不會選中了
屬性選擇器
e[att] 如果有
e[att='val']
e[att~='val']
e[att|='val']
偽物件選擇器
e:first-letter
e:first-line
e:before
e:after
CSS3學習筆記(一)
css 1 邊框 1.1邊框的樣式 border width style color 1.2邊框四個角的半徑 border top left radius top px left px border top right radius border bottom left radius border ...
css3學習筆記
1.為什麼分許多模組進行管理?為了避免產生瀏覽器對於某個模組支援不完全的情況。2.使用元素的class屬性的缺點 第一,class屬性本身沒有語義,褚翠是用來為css樣式服務的,屬於多餘屬性。第二,使用屬性的話,並沒有把樣式與元素繫結起來,針對同乙個class屬性文字框,下拉框,按鈕都可使用。這樣很...
CSS3學習筆記
一.選擇符 二.屬性 溢位隱藏 div4 p文字陰影 text shadow 2px 1px rgba 255,255,255,1 圓角效果 border radius邊框陰影 box shadow 2px 2px 5px 5px inset 內陰影透明度 div for ie8 and earli...