基本選擇器
阿新 • • 發佈：2022-11-29
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> /* 1.型別選擇器（標籤選擇器） 標籤{屬性：屬性值；}*/ div{width: 200px;} /* 2.class選擇器（類選擇器） .class名{屬性:屬性值；} */ /* 命名注意: 1.不能以純數字開頭 2.不建議使用中文 3.可以用-或_,其他符號不能用@#$ 4.建議使用語義化命名,形成規範*/ .box{width: 100px;} /* 3.ID選擇器 #id名{屬性:屬性值；}id名只能有一個!!! */ #box1{width: 50px;} /* 4.萬用字元 *{屬性:屬性值；}改變所有標籤樣式 */ *{width: 66px;} /* 5.群組選擇器 選擇器1,選擇器2,選擇器3{屬性:屬性值；} */ .box,#box1{color: #000;} </style> </head><body> <div class="box"> 666 </div> <div class="box1"> 777 </div> </body> </html>
補充：CSS權重