css類選擇器怎么用 標(biāo)簽選擇器有哪些?
標(biāo)簽選擇器有哪些?1. 標(biāo)簽名選擇器div{color:Red}/即頁面中每個標(biāo)簽名的CSS樣式2。班級選擇器.divclass{ 顏色:紅色}/也就是說,CSS樣式在類中定義的每個標(biāo)記3。ID選擇器
標(biāo)簽選擇器有哪些?
1. 標(biāo)簽名選擇器div{color:Red}/即頁面中每個標(biāo)簽名的CSS樣式
2。班級選擇器.divclass{ 顏色:紅色}/也就是說,CSS樣式在類中定義的每個標(biāo)記
3。ID選擇器#mydiv{顏色:紅色}/頁面中標(biāo)記的ID
4。后代選擇器(類選擇器的后代選擇器)。類span{顏色:紅色}/換言之,多個選擇器以逗號格式命名,以查找確切的標(biāo)簽
5。組選擇器div,span,img{顏色:紅色}/即同一樣式的標(biāo)簽成組顯示
①不同的書寫方式:子代選擇器的標(biāo)識符為:space,如:UL Li{寬度:150px}子選擇器的標(biāo)識符是:>例如:UL>li{寬度:150px}[UL和Li之間用>分隔]② 功能不同:后代選擇器被UL包圍,因此元素中的所有Li元素都包括子元素、孫子元素、曾孫元素等,子選擇器只選擇UL包圍的子元素中的Li元素,不包括孫子元素、曾孫元素等。③ 兼容性不同:后代選擇器與所有瀏覽器都兼容,可以使用。IE6、IE7和IE8不支持子選擇器,它們有自己的錯誤
子選擇器和后代選擇器寫法是一樣的嗎?
CSS后代選擇器和子選擇器之間的區(qū)別:1 CSS后代選擇器語法:H1 em{顏色:紅色}這意味著從H1開始,它包含的所有EM元素都變?yōu)榧t色。H1是祖先,其他EM元素是后代。也就是說,選定的后代,無論是兒子還是孫子,都將被選為后代。2CSS子元素選擇器語法:H1>EM{顏色:紅色}從H1開始,EM元素的第一層變?yōu)榧t色。H1是祖先,EM是兒子。就像世襲制度一樣,只能傳給兒子,不能傳給孫子和其他表親
①書寫方法不同:后代選擇器的標(biāo)記是:空格,如Ulli{寬度:150px}[UL和Li用空格分隔]子選擇器的標(biāo)識符是:>,例如:UL>li{寬度:150px}[UL和Li之間用>
]②函數(shù)不同:后代選擇器被UL包圍,所以元素中的所有Li元素,包括子元素、孫子元素、曾孫元素等。子選擇器只選擇UL包圍的子元素中的Li元素,不包括孫子元素、曾孫元素等。
③兼容性不同:后代選擇器與所有瀏覽器兼容,可以使用。IE6、IE7和IE8不支持子選擇器,它們有自己的錯誤!