[JavaWeb-CSS]CSS基础选择器
生活随笔
收集整理的這篇文章主要介紹了
[JavaWeb-CSS]CSS基础选择器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
選擇器：篩選具有相似特征的元素
* 分類：1. 基礎選擇器1. id選擇器：選擇具體的id屬性值的元素.建議在一個html頁面中id值唯一* 語法：#id屬性值{}2. 元素選擇器：選擇具有相同標簽名稱的元素* 語法： 標簽名稱{}* 注意：id選擇器優先級高于元素選擇器3. 類選擇器：選擇具有相同的class屬性值的元素。* 語法：.class屬性值{}* 注意：類選擇器選擇器優先級高于元素選擇器示例代碼如下:
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>基礎選擇器</title><style>.cls1{color: blue;}div{color:green;}#div1{color: red;}</style> </head> <body> <!--1. 基礎選擇器1. id選擇器：選擇具體的id屬性值的元素.建議在一個html頁面中id值唯一* 語法：#id屬性值{}2. 元素選擇器：選擇具有相同標簽名稱的元素* 語法： 標簽名稱{}* 注意：id選擇器優先級高于元素選擇器3. 類選擇器：選擇具有相同的class屬性值的元素。* 語法：.class屬性值{}* 注意：類選擇器選擇器優先級高于元素選擇器 --><div id="div1">傳智播客</div><div class="cls1">黑馬程序員</div><p class="cls1">傳智學院</p></body> </html>總結
以上是生活随笔為你收集整理的[JavaWeb-CSS]CSS基础选择器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： ctfhub 密码口令
- 下一篇： 一汽大众 ID.7 VIZZION 首发