1著摔,id一般都是留給js使用的缓窜,樣式一般用類名,而且在同一個文本下不能重復
2.一個標簽可以綁定多個類名
3.后代選擇器----所有指定的谍咆,兒子禾锤,孫子。摹察。恩掷。。
標簽名稱1 標簽名稱2供嚎,id名黄娘,class名{}
4.子元素
標簽名稱1>標簽名稱2>{
屬性:值;
}
注意:子元素只會選擇兒子克滴,不會查找其他被嵌套的部分
不要有空格逼争,
5.后代選擇器與子元素區(qū)別
1)后以空格隔開
子以>隔開
2)后選中所有特定后代標簽
子以只會選擇特定的兒子標簽
3)都可以選擇標簽名,id名劝赔,class名誓焦,可以通過它們自己的連接符合一直連接下去
6.交集選擇器
作用:給所有選擇器選中的標簽中,給相交的部分設置屬性
格式:選擇器1選擇器2{}
注意:選擇器與選擇器之間沒有連接符着帽,
7罩阵,并集選擇器
作用:給所有選擇器指定樣式
格式:選擇器,選擇器,
8.兄弟選擇器
1)相鄰兄弟選擇器
作用:給指定選擇器后面相鄰緊跟的那個選擇器中的標簽設置屬性
格式:
選擇器1+選擇器2{
? ?屬性值
}
注意:
相鄰兄弟選擇器只能選中緊跟其后的那個標簽,不能選擇被隔開的標簽
2)通用兄弟選擇器
作用:給指定選擇器后面那個選擇器中的標簽設置屬性
格式:選擇器~選擇器{}
注意:指定選擇器后面某個選擇器指定的標簽
9.css3新增的選擇器個數(shù)選擇器
1)選擇同級別的不區(qū)分類型
選擇器:first-child:選擇同級別的第一個標簽稿壁;
注意點:不區(qū)分類型
選擇器:last-child{
}
:nth-child(n)同級別下的第幾個元素
樣式
兩個22都會變成紅色
:nth-last-child(n)同級別下的倒數(shù)第幾個元素
2)同級別中同類型的
選擇器:first-of-type{ ? ? ? ? ? ? -------------同級別中的第一個標簽
}
last-of-type同級別同類型的最后一個
:nth-of-type(n)同級別同類型下的第幾個元素
nth-last-of-type(n)同級別同類型下的倒數(shù)第幾個元素
3)only-child選中父元素中唯一的元素
4)only-of-type
5)同級別的所有的奇數(shù)或者偶數(shù)標簽變成紅色
nth-child(odd) ? xn+y n從0開始
nth-child(even)
6)同級別同類型的
nth-of-type(odd)? ? xn+y n從0開始
nth-of-type(even)