CSS 中的六個(gè)重要選擇器(三秒就可以記住)
我要評(píng)論來自：https://blog.csdn.net/qq_44761243/article/details/108227213
CSS 的選擇器有哪些？？？
1.通配符（*）
也可稱作全局選擇器或者通用選擇器，顧名思義，就是定義所有的元素的樣式。常用于默認(rèn)的一些樣式，例如給所有的元素設(shè)置內(nèi)邊距為2px *{padding：2px; } ，增加頁面的美感！
2.標(biāo)簽選擇器
也可稱作元素選擇器，例如 div , p, img 等等。
3.類選擇器
類名不能以數(shù)字開頭，必須以 .號(hào)開頭。一個(gè)頁面的類名可以重復(fù)。例如 .類名{ } 的形式。
4.ID 選擇器
以#開頭，一個(gè)頁面不能出現(xiàn)相同的 id 名稱。
5.并列選擇器
就是幾個(gè)選擇器需要設(shè)置同樣的樣式，中間用逗號(hào)隔開。例如 div,p{ color:red;} ,設(shè)置 div 標(biāo)簽和 p 標(biāo)簽的字體顏色都為紅色。
6.父子選擇器
就元素是父子的關(guān)系，改變的是兒子。選擇器之間用空格隔開，例如 div h1{ font-size:60px;} ，設(shè)置 div 標(biāo)簽ne內(nèi)的 h1標(biāo)簽的字體大小為 60像素。這里必須是 div 里面的 h1才可以改變樣式。
優(yōu)先級(jí)：
ID 選擇器 > 類選擇器 > 標(biāo)簽選擇器 > 通配符
優(yōu)先級(jí)不用解釋了吧，就是誰先加載運(yùn)行，誰就是大哥咯┗|｀O′|┛
還有很多選擇器就不一 一 介紹了，什么偽類選擇器，偽 ID 選擇器。關(guān)鍵是記不住阿，就記上面幾個(gè)就行了，比較常用。下面給大家舉些例子容易理解一點(diǎn)。
類名和 ID 名稱的命名規(guī)則：
1.不要以數(shù)字開頭。
2.類名和 ID 名稱 做到望文知意，不能用中文，英語不好可以用拼音，拼音不好，算了你還是別用了，哈哈哈?！静皇浅靶ε秪】
如果你比較憨憨或者懶，搞個(gè)one， two ，three，過段時(shí)間你再看你會(huì)崩潰的，你想不起 1 ，2 ，3寫的什么了o(≧口≦)o
總結(jié)
到此這篇關(guān)于CSS 中的六個(gè)重要選擇器(三秒就可以記住)的文章就介紹到這了,更多相關(guān)css選擇器內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了css3的focus-within選擇器的使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)2020-05-11
這篇文章主要介紹了CSS選擇器中的正則表達(dá)式使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)2020-03-11
這篇文章主要介紹了巧用CSS屬性值正則匹配選擇器,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)2020-03-11- 這篇文章主要介紹了css選擇器四大類：基本、組合、屬性、偽類的相關(guān)知識(shí)，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-02-14
- 這篇文章主要介紹了css復(fù)雜選擇器及css字體樣式、顏色屬性，復(fù)雜選擇有三種，每種方法通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2020-01-19
詳解如何使用CSS3中的結(jié)構(gòu)偽類選擇器和偽元素選擇器
這篇文章主要介紹了詳解如何使用CSS3中的結(jié)構(gòu)偽類選擇器和偽元素選擇器，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面2020-01-06- 這篇文章主要介紹了CSS3 新增選擇器的實(shí)例,需要的朋友可以參考下2019-11-13
css3 偽類選擇器快速?gòu)?fù)習(xí)小結(jié)
如果說 css 作為前端開發(fā)的基本功, 那么 "選擇器" 就是基礎(chǔ)中的基礎(chǔ)，本文介紹了css3 偽類選擇器快速?gòu)?fù)習(xí)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工2019-09-10- 這篇文章主要介紹了CSS 樣式的使用方式、選擇器 的相關(guān)資料,需要的朋友可以參考下2019-08-12
盤點(diǎn)CSS Selectors Level4中新增的選擇器
CSS 選擇器在實(shí)踐中是非常常用的，無論是在寫樣式上或是在 JS 中選擇 DOM 元素都需要用到。在 CSS Selectors Level 4 中，工作組繼續(xù)為選擇器標(biāo)準(zhǔn)添加了更豐富的選擇器。需2018-12-24
