當(dāng)前位置：
首頁(yè) >
[JavaWeb-CSS]CSS基础选择器
發(fā)布時(shí)間：2023/12/4
38
豆豆
生活随笔
收集整理的這篇文章主要介紹了
[JavaWeb-CSS]CSS基础选择器
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
選擇器：篩選具有相似特征的元素
* 分類：1. 基礎(chǔ)選擇器1. id選擇器：選擇具體的id屬性值的元素.建議在一個(gè)html頁(yè)面中id值唯一* 語法：#id屬性值{}2. 元素選擇器：選擇具有相同標(biāo)簽名稱的元素* 語法： 標(biāo)簽名稱{}* 注意：id選擇器優(yōu)先級(jí)高于元素選擇器3. 類選擇器：選擇具有相同的class屬性值的元素。* 語法：.class屬性值{}* 注意：類選擇器選擇器優(yōu)先級(jí)高于元素選擇器示例代碼如下:
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>基礎(chǔ)選擇器</title><style>.cls1{color: blue;}div{color:green;}#div1{color: red;}</style> </head> <body> <!--1. 基礎(chǔ)選擇器1. id選擇器：選擇具體的id屬性值的元素.建議在一個(gè)html頁(yè)面中id值唯一* 語法：#id屬性值{}2. 元素選擇器：選擇具有相同標(biāo)簽名稱的元素* 語法： 標(biāo)簽名稱{}* 注意：id選擇器優(yōu)先級(jí)高于元素選擇器3. 類選擇器：選擇具有相同的class屬性值的元素。* 語法：.class屬性值{}* 注意：類選擇器選擇器優(yōu)先級(jí)高于元素選擇器 --><div id="div1">傳智播客</div><div class="cls1">黑馬程序員</div><p class="cls1">傳智學(xué)院</p></body> </html>總結(jié)
以上是生活随笔為你收集整理的[JavaWeb-CSS]CSS基础选择器的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： ctfhub 密码口令
- 下一篇： [JavaWeb-CSS]CSS概述