css的選擇符有哪些

發(fā)布時(shí)間：2021-07-23 17:07:52 來源：億速云閱讀：145 作者：chen 欄目：web開發(fā)

本篇內(nèi)容介紹了“css的選擇符有哪些”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

css中主要的三種選擇符，分別為：id選擇符、class類選擇符和id選擇符。ID選擇符可以為標(biāo)有特定id的HTML元素指定特定的樣式；class類選擇器允許以一種獨(dú)立于文檔元素的方式來指定樣式；ID選擇符選擇指定元素名稱的所有標(biāo)簽元素。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

1、元素選擇器：

作用：選擇指定元素名稱的所有元素。

語法：

元素{
       樣式聲明； 
    }

例子：

頁面上所有的div文字大小為12px，文字顏色為橘黃色

頁面上所有的span元素顏色為紅色

css的選擇符有哪些

2、類選擇器

class 選擇器用于描述一組元素的樣式，class 選擇器有別于id選擇器，class可以在多個(gè)元素中使用。

class 選擇器在HTML中以class屬性表示, 在 CSS 中，類選擇器以一個(gè)點(diǎn)"."號顯示

語法：

.類名{
    樣式聲明;
}

類名：

能以數(shù)字開始

除_,-意外不能有其它特殊符號

引用：

引用方式 - 多類選擇器的引用

可以將多個(gè)類選擇器，同時(shí)應(yīng)用在一個(gè)元素中

語法： <ANY class=“class1 class2 class3”>

3、ID選擇器：

作用：針對指定ID值的元素去定義樣式

語法：

#ID值{
    樣式聲明
}

ID值，一定要對應(yīng)某個(gè)元素的ID值

例子：

定義頁面中 id為header 的元素的文字大小為 30pt，背景顏色為 orange色

1、定義頁面中 id為main的元素文字大小18pt，加粗顯示（font-weight：bold）

2、定義頁面中 id為img_list 的元素背景顏色為綠色，斜體顯示文字（屬性：font-style，值： italic）

css的選擇符有哪些

“css的選擇符有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

向AI問一下細(xì)節(jié)

猜你喜歡