CSS中類選擇器和ID選擇器以及它們的分別

類選擇器

在css樣式編碼中是最常用到的,如右側(cè)代碼編輯器中的代碼:可以實現(xiàn)為“膽小如鼠”、“勇氣”字體設(shè)置為紅色。

語法:

.類選器名稱{css樣式代碼;}

注意:

1、英文圓點開頭

2、其中類選器名稱可以任意起名(但不要起中文噢)

使用方法:

第一步:使用合適的標(biāo)簽把要修飾的內(nèi)容標(biāo)記起來

第二步:使用class="類選擇器名稱"為標(biāo)簽設(shè)置一個類

第三步:設(shè)置類選器css樣式

id選擇器

1、為標(biāo)簽設(shè)置id="ID名稱",而不是class="類名稱"。

2、ID選擇符的前面是井號(#)號,而不是英文圓點(.)。


類和ID選擇器的區(qū)別

類選擇器和ID選擇器,他們之間有很多的相似處,先來總結(jié)一下他們的相同點和不同點:

相同點:可以應(yīng)用于任何元素

不同點:

1、ID選擇器只能在文檔中使用一次。與類選擇器不同,在一個HTML文檔中,ID選擇器只能使用一次,而且僅一次。而類選擇器可以使用多次。

2、可以使用類選擇器詞列表方法為一個元素同時設(shè)置多個樣式。我們可以為一個元素同時設(shè)多個樣式,但只可以用類選擇器的方法實現(xiàn),ID選擇器是不可以的(不能使用 ID 詞列表)。

?著作權(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)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,564評論 19 139
  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識選擇器(重要!!?。├^承、特殊性、層疊、重要性CSS格式化排版單位和值盒模型浮動...
    廖少少閱讀 3,441評論 0 40
  • 第6章 開始學(xué)習(xí)CSS,為網(wǎng)頁添加樣式 1、認(rèn)識CSS樣式CSS全稱為“層疊樣式表 (Cascading Styl...
    夏沫xx閱讀 1,113評論 1 11
  • 本文主要是起筆記的作用,內(nèi)容來自慕課網(wǎng). 認(rèn)識CSS樣式 CSS全稱為“層疊樣式表 (Cascading Styl...
    0o凍僵的企鵝o0閱讀 2,750評論 0 30
  • CSS全稱為“層疊樣式表 (Cascading Style Sheets)”,它主要是用于定義HTML內(nèi)容在瀏覽器...
    百作不死的學(xué)習(xí)閱讀 1,339評論 0 7

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