真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

如何理解CSS中的類型選擇器和ID選擇器以及class選擇器

這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)如何理解CSS中的類型選擇器和ID選擇器以及類選擇器,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。

成都創(chuàng)新互聯(lián)公司專注于鐘樓網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供鐘樓營銷型網(wǎng)站建設(shè),鐘樓網(wǎng)站制作、鐘樓網(wǎng)頁設(shè)計(jì)、鐘樓網(wǎng)站官網(wǎng)定制、微信平臺小程序開發(fā)服務(wù),打造鐘樓網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供鐘樓網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

類型選擇器
類型選擇器,是以html元素類型作為選擇條件。
網(wǎng)頁元素:在CSS教程中,對于如“

”、“

”這些不再稱呼為標(biāo)簽,而統(tǒng)一稱呼為網(wǎng)頁元素。
在網(wǎng)頁元素中,都可以按類型進(jìn)行區(qū)分,其類型可以作為CSS的選擇符,如“”、“
    ”、“
    ”等,對應(yīng)的選擇器分別為“a”、“ul”、“div”。
    例子:

    CSS Code復(fù)制內(nèi)容到剪貼板

    1. a{   

    2.     text-decoration: none;   

    3. }  

    該例子表示網(wǎng)頁上所有的超鏈接取消下劃線。

    ID選擇器
    CSS ID選擇器允許選擇網(wǎng)頁元素的ID進(jìn)行樣式表應(yīng)用。
    ID選擇器以“#”標(biāo)識,后面緊跟html元素id名稱。
    html代碼如下:

    XML/HTML Code復(fù)制內(nèi)容到剪貼板

    1.   

    2.   

      首頁

        

    3.   

      博客

        

    4.   

      留言板

        

      

    在該html代碼如中,有一個(gè)id="nav"的DIV網(wǎng)頁元素。使用ID選擇器對該元素進(jìn)行樣式表應(yīng)用:

    CSS Code復(fù)制內(nèi)容到剪貼板

    1. #nav {   

    2.     font-size: 14px;   

    3.     width: 500px;   

    4. }  

    該CSS樣式表示id為nav的網(wǎng)頁元素,其寬度為500px,其內(nèi)文字大小為14px。

    類(class)選擇器
    CSS 類選擇器允許選擇網(wǎng)頁元素的類進(jìn)行樣式表應(yīng)用。
    類選擇器以 . 符號標(biāo)識,后面緊跟類名稱。
    一個(gè)類選擇器例子:

    CSS Code復(fù)制內(nèi)容到剪貼板

    1. .catlist {   

    2.     color: #d51300;   

    3. }  

    該 CSS 樣式表示網(wǎng)頁中 class="catlist" 的網(wǎng)頁元素,其文字顏色為 #d51300 。
    在 html 中應(yīng)用類選擇器
    要在 html 代碼中應(yīng)用一個(gè)類(class)樣式,只需在標(biāo)簽內(nèi)使用 class 屬性,取值為類名。
    html 代碼例子:

    XML/HTML Code復(fù)制內(nèi)容到剪貼板

    1. 文章分類

        

    2.   

    3.   

    4. 情感世界
    5.   

    6.   

    7. 技術(shù)文章
    8.   

    9.   

    10. 網(wǎng)絡(luò)文摘
    11.   

    12.   

    13. 其他
    14.   

    15.   

    在該 html 代碼如中,

    內(nèi)包含的文字顏色都被渲染為 #d51300 顏色。當(dāng)然,也可以再為其中的一個(gè)或一些
  • 元素單獨(dú)定義另外的樣式。
    提示
    如上例所示,只要網(wǎng)頁元素類名為 catlist ,都將受到該樣式表的影響,而不管它具體是何種類型的網(wǎng)頁元素。
    類選擇器會作用于所有類名相同的網(wǎng)頁元素,有復(fù)用效果,這個(gè)是和 ID 選擇器的區(qū)別。
    類名的第一個(gè)字符不能使用數(shù)字,它無法在 Mozilla 或 Firefox 瀏覽器中起作用。

    上述就是小編為大家分享的如何理解CSS中的類型選擇器和ID選擇器以及類選擇器了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。


    當(dāng)前標(biāo)題:如何理解CSS中的類型選擇器和ID選擇器以及class選擇器
    URL鏈接:http://weahome.cn/article/ipecsi.html

    其他資訊

    在線咨詢

    微信咨詢

    電話咨詢

    028-86922220(工作日)

    18980820575(7×24)

    提交需求

    返回頂部