當前位置：
首頁 >
css标签选择器、类名选择器、多类名选择器
發布時間：2023/12/10
40
豆豆
生活随笔
收集整理的這篇文章主要介紹了
css标签选择器、类名选择器、多类名选择器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
css標簽選擇器、類名選擇器、多類名選擇器
標簽選擇器：顧名思義，標簽選擇器就是在css樣式中通過標簽名字來對標簽的樣式來進行修改。
代碼如下： <!DOCTYPE html> <html lang="en"><head><meta charset="utf-8"><style>p { color: pink;}div {color: purple;}</style></head><body><p>人生哪有一路高歌，還不是會有低鳴。</p><p>但我們在低鳴時，千萬不要忘記我們的雄心壯志。</p><p>待我們一鳴驚人時，讓世間萬人銘記。</p><div>人生哪有一路高歌，還不是會有低鳴。</div><div>但我們在低鳴時，千萬不要忘記我們的雄心壯志。</div><div>待我們一鳴驚人時，讓世間萬人銘記。</div></body> </html>
效果如下：
在上面的代碼中可以在css樣式中可以看到標簽名字來控制樣式，現在屬于p標簽的字體都是pink，屬于div標簽的字體都是purple。
類名選擇器：就是通過類名來控制樣式的改變，那么什么是類名呢？比如<div class="yangshi"></div>,class里面的就是類名，那么類名在css樣式又是怎樣被調用呢？
代碼如下：
效果如下：
在上面的代碼中，代碼是通過.fenyun,.fanyou來調用的。
多類名選擇器：就是在一個標簽中插入多個類名來控制
代碼如下：
效果如下：
可以通過多個類名一起改變同一個標簽的樣式。
總結
以上是生活随笔為你收集整理的css标签选择器、类名选择器、多类名选择器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： android滑动开关框架,Androi
- 下一篇： ElasticSearch创建、修改、获