CSS常見的類選擇器類型有哪些

發(fā)布時間：2022-03-02 16:23:35 來源：億速云閱讀：224 作者：iii 欄目：web開發(fā)

這篇“CSS常見的類選擇器類型有哪些”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“CSS常見的類選擇器類型有哪些”文章吧。

常見的類選擇器類型有如下幾種：

1.標(biāo)簽選擇器，標(biāo)簽選擇器名稱{css樣式代碼;}

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

3.ID 選擇器，＃類選器名稱{css樣式代碼;}

4.子選擇器，即大于符號(>),用于選擇指定標(biāo)簽元素的第一代子元素。

5.包含選擇器，即加入空格 ,用于選擇指定標(biāo)簽元素下的后輩元素。

6.通用選擇器，匹配html中所有標(biāo)簽元素，* {css樣式代碼;}類選擇器和ID選擇器都可以應(yīng)用于任何元素，但 ID 選擇器只能在文檔中使用一次，可以使用類選擇器詞列表方法為一個元素同時設(shè)置多個樣式，ID 選擇器是不可以的。

子選擇器和包含選擇器區(qū)別：>作用于元素的第一代后代，空格作用于元素的所有后代。

另外還有兩種選擇符：

1.偽類選擇符，允許給 HTML 不存在的標(biāo)簽（標(biāo)簽的某種狀態(tài)）設(shè)置樣式。常用的有 a:hover{color:red;}

2.分組選擇符，為 HTML 中多個標(biāo)簽元素設(shè)置同一個樣式時，可以使用分組選擇符,

例如h2,span{color:red;}

以上就是關(guān)于“CSS常見的類選擇器類型有哪些”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

猜你喜歡