當前位置：
首頁 >
【温故知新】CSS学习笔记（选择器）
發布時間：2025/3/20
58
豆豆
生活随笔
收集整理的這篇文章主要介紹了
【温故知新】CSS学习笔记（选择器）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
選擇器（選擇符）
目的是選擇目標元素（選擇標簽用）。
這里我們介紹四種基礎選擇器。
1、標簽選擇器
之前的例子都屬于標簽選擇器，可以把某一類的標簽全部選擇出來；
2、類選擇器
上面點聲明，下面class調用就可以了；
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style>.red {color: red;}</style> </head> <body><div class="red">多類名</div><div>多類名</div><div>多類名</div><div>多類名</div>?<p class="red">段落多類名</p><p>段落多類名</p><p>段落多類名</p><p class="red">段落多類名</p><div>多類名</div>? </body> </html>類選擇器里面還有一種情況是多類名選擇器。
一個標簽里面只能有一個class屬性，不可以插入多個class。
各個類名之間用空格來分隔。
類名順序顛倒也沒有影響。?
樣式顯示效果跟HTML元素中的類名先后順序沒有關系，受CSS樣式書寫的上下順序影響（若存在樣式沖突）。
3、ID選擇器?
W3C標準規定，在同一個頁面內，不允許有相同名字的id對象出現，但是允許相同名字的class。
類選擇器好比人的名字，是可以多次重復使用的，但是id選擇器好比人的身份證號碼，是唯一的，不允許重復使用。
兩者最大的區別在于使用的次數上面。
4、通配符選擇器
通配符選擇器用“*”號表示，是所有選擇器中作用范圍最廣的，能匹配頁面中所有的元素。
在實際開發里面基本用不到該類選擇器。
?
總結
以上是生活随笔為你收集整理的【温故知新】CSS学习笔记（选择器）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【温故知新】CSS学习笔记（样式表）
- 下一篇： 【温故知新】CSS学习笔记（字体样式属性