基本選擇器: 標簽(元素)選擇器 格式 >標簽名{ 聲明的屬性} 類 選擇器 >這裡有個點(.)+類名稱{聲明的屬性} ID 選擇器 >#+id名稱{聲明的屬性} 並集(群組)選擇器 >.類名,#id名稱,標簽名{聲明的屬性} 通配符 選擇器 >*{聲明的屬性} >這個的話會用到所有body中的元素 ...
基本選擇器:
標簽(元素)選擇器 格式=====>標簽名{ 聲明的屬性}
類-----------選擇器 =====>這裡有個點(.)+類名稱{聲明的屬性}
ID-----------選擇器 =====>#+id名稱{聲明的屬性}
並集(群組)選擇器 =====>.類名,#id名稱,標簽名{聲明的屬性}
通配符-----選擇器 =====>*{聲明的屬性} ----->這個的話會用到所有body中的元素(只要能有效)
層次選擇器
子集選擇器 格式 =====>父級元素>子集元素 >就是選擇某某父級標簽下某某子集
後代選擇器 =====>父級元素 +空格+子集元素 空格 就是選擇某某父級標簽下的後代子集
兄弟選擇器 =====>某標簽 +兄弟標簽 + 就是選擇某某標簽的同一級標簽
同級選擇器 =====>某標簽~同級標簽 ~就是選擇某某標簽的同級標簽
偽類選擇器
a:link{} =====>設置a標簽滅有單擊時的樣式
a:hover{} =====>設置滑鼠移入到a標簽時顯示的樣式
a:active{} =====>設置a標簽滑鼠單擊時顯示的樣式
a:visited{} =====>設置a標簽訪問過後顯示的樣式
偽元素選擇器
p::first-line{} =====>設置p標簽第一行的樣式
p::first-letter{} =====>設置p標簽第一行第一個字或字母的樣式
p::before{} =====>為p標簽內容之前在加入內容
p::after{} =====>為p標簽內容之後在加入內容
結構偽類選擇器
ul>li:nth-child(1) =====>選擇 ul 子集下的第一個 li 標簽
ul>li:first-child =====>也是選擇 ul 子集下的第一個 li 標簽
ul>li:lastchild =====>選擇 ul 子集下的最後一個 li 標簽
ul>li:nth-child(odd) =====>選擇 ul 子集下的奇數 li 標簽
ul>li:nth-child(even) =====>選擇 ul 子集下的偶數 li 標簽
ul>li:not(1) =====>選擇 ul 子集下除了第一個 li 標簽