css選擇器

1.? 類選擇器:類選擇器根據(jù)類名來選擇 前面以”.”來標(biāo)志,元素可定義一個class的屬性

語法: .屬性名{屬性1:屬性值1;屬性2:屬性值2}

2. 標(biāo)簽選擇器:一個完整的HTML頁面是有很多不同的標(biāo)簽組成,而標(biāo)簽選擇器,則是決定哪些標(biāo)簽采用相應(yīng)的CSS樣式

3. id選擇器:前面以 # 號來標(biāo)志,根據(jù)元素ID來選擇元素,可以定義一個id屬性,id選擇器具有唯一性。

語法:#屬性名{屬性1:屬性值1;屬性2:屬性值2}

注:id名稱不允許相同。

弊端:只能用于一個標(biāo)簽上,浪費資源。

4. 組選擇器:針對多個樣式,有同名的,有相同的樣式設(shè)置就可以把它抽取出來寫在一起——代碼封裝

語法:#屬性名,屬性名{屬性1:屬性值1;屬性2:屬性值2}

5. 偽類選擇器:定義的是一種狀態(tài)。常用的偽類選擇器有hover,表示鼠標(biāo)懸停在元素上時的狀態(tài)。常用在連接的地方

語法:.屬性名:hover{屬性1:屬性值1;屬性2:屬性值2}

   .屬性名:{屬性1:屬性值1;屬性2:屬性值2}

6. 通用選擇器:通用選擇器用*來表示。

語法:*{屬性1:屬性值1;屬性2:屬性值2}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1.CSS 元素選擇器 最常見的 CSS 選擇器是元素選擇器。換句話說,文檔的元素就是最基本的選擇器。如果設(shè)置 H...
    饑人谷_小侯閱讀 946評論 0 1
  • 其實平時用得多的選擇器無非也就是那么幾個,時間久了,許多不常用的選擇器就慢慢忘記了。為了不讓自己忘記這些選擇器,今...
    盛夏晚清風(fēng)閱讀 1,955評論 0 5
  • 選擇器: 標(biāo)簽選擇器格式:標(biāo)簽名稱{屬性:值;} id選擇器格式: id名稱{ } 類選擇器格式:.類名{屬性:值...
    往事一塊六毛八閱讀 531評論 0 0
  • CSS選擇器 標(biāo)簽選擇器 什么是標(biāo)簽選擇器? 作用: 根據(jù)指定的標(biāo)簽名稱, 在當(dāng)前界面中找到所有該名稱的標(biāo)簽, 然...
    Jackson_yee_閱讀 564評論 0 0
  • CSS元素選擇器 最常見的 CSS 選擇器是元素選擇器。換句話說,文檔的元素就是最基本的選擇器。 如果設(shè)置 HTM...
    LorenSLJ閱讀 556評論 0 2

友情鏈接更多精彩內(nèi)容