這篇文章主要介紹“css選擇器的形式有哪些”，在日常操作中，相信很多人在css選擇器的形式有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”css選擇器的形式有哪些”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序設(shè)計(jì)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了佳縣免費(fèi)建站歡迎大家使用！

當(dāng)我們定義一條樣式規(guī)則時(shí)候，這條樣式規(guī)則會(huì)作用于網(wǎng)頁(yè)當(dāng)中的某些元素，而我們的規(guī)定的這些元素的規(guī)則就叫做選擇器

1.id選擇器

2.類選擇器

3.標(biāo)簽選擇器

4.交叉選擇器

5.群組選擇器

6.后代選擇器 (包含選擇器 )-父級(jí)和子級(jí)用空格隔開

7.通用選擇器：*｛｝

css選擇器

偽類選擇器

同一個(gè)html元素在不同狀態(tài)下的不同樣式

a:visited {color: #00FF00} /*已訪問的鏈接 */

a:hover {color: #FF00FF} /*鼠標(biāo)移動(dòng)到鏈接上*/

css的繼承性和疊加性

1.繼承性

后代元素會(huì)繼承前輩元素的一些文字屬性和樣式

2.疊加性

同一個(gè)元素，被多個(gè)樣式規(guī)則指定。

因?yàn)閏ss的繼承性和疊加性，就有了css優(yōu)先級(jí)的概念

選擇器的優(yōu)先級(jí)

css注釋

注釋

任何語(yǔ)言都有注釋，當(dāng)然CSS也不例外

CSS的注釋為/*注釋內(nèi)容*/

塊元素和行內(nèi)元素

我們已經(jīng)學(xué)習(xí)了很多的HTML標(biāo)簽，不同的標(biāo)簽有不同的特性，比如從文檔流的角度區(qū)分，那么標(biāo)簽元素分為塊標(biāo)簽與行標(biāo)簽

塊標(biāo)簽即標(biāo)簽元素是一個(gè)塊，即有寬、高屬性，同時(shí)塊標(biāo)簽會(huì)獨(dú)占一行，比如說(shuō)H1～H6、P、li等標(biāo)簽都是塊標(biāo)簽，當(dāng)然也包括我們即將學(xué)習(xí)的DIV標(biāo)簽

行標(biāo)簽正好與塊標(biāo)簽意義相反，行標(biāo)簽不具有寬、高特性，mrgin屬性的值，只有左右沒有上下。也不會(huì)占一行，所以我們可以利用行標(biāo)簽對(duì)文字進(jìn)行區(qū)塊指定不同的CSS樣式達(dá)到不同的效果，行標(biāo)簽也很多，如em、span標(biāo)簽等

到此，關(guān)于“css選擇器的形式有哪些”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！