1. *:通用選擇器
選擇頁面上全部元素,可與別的選擇器巢狀使用
2. #id:id選擇器
嚴格,沒法復用,只針對唯一
3. .class:類選擇器
針對某類,定位多個元素
4. selector1 selector2:後代選擇器
只需要定位selector1下的selector2元素
5.tagname:標籤選擇器
定義頁面上所有的某標籤
6.selector: link :連線平常狀態
selector: visited:連線被訪問之後
selector: hover:滑鼠放到連線上的時候
selector: active:連線被按下的時候
7.selector1+selector2:相鄰選擇器
只會選中指定元素的直接後繼元素
8.selector1 > selector2:子選擇器
9. selector1 ~ selector2:兄弟選擇器
10. selector[title]:屬性選擇器,屬性可賦值
11.selector:checked:偽類選擇器
定位那些被選中的單選框和多選框
selector:after/before
在選中標籤周圍生成內容
selector:hover
滑鼠懸浮
selector1:not(selector2)
反類selector::pseudoelement
使用::
來選中某標籤的部分內容
selector:nth-child(n)
第二個元素那麼你傳的值就是li:nth-child(2)
.
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素,則不會被選擇。符號之前書寫父級的選擇器,符號之後寫子級選擇器,必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
css3選擇器總結
選擇器分為 共分為10種 基本選擇器 萬用字元 元素選擇器 e id選擇器 id 類選擇器 class 群組選擇器 selectori,selectorv 瀏覽器對選擇器都可使用 層次選擇器 後代選擇器 e f 子選擇器 e f 相鄰兄弟選擇器 e f 通用選擇器 e f 偽類選擇器 一般有 lin...
css3選擇器總結
繼承性 子標籤繼承父標籤樣式,預設優先順序最低。有繼承性 文字相關字型樣式 粗細 大小 顏色 型別等 無繼承性 盒子模型相關邊框 背景等 層疊性 相同標籤繼承和定義的樣式累加到一起互不衝突。優先順序 離標籤越近的選擇器優先順序越高,所以相同權重的樣式後者才生效 內聯樣式表 頭部樣式表 匯入樣式表。權...