css選擇器的作用

選擇器(選擇符)就是根據(jù)不同需求把不同的標(biāo)簽選出來這就是選擇器的作用。 簡單來說啃奴，就是選擇標(biāo)簽用的雄妥。
例如：找到所有的 h1 標(biāo)簽， 選擇器（選對人）老厌。設(shè)置這些標(biāo)簽的樣式，比如顏色為紅色（做對事）醋拧。

css屬性規(guī)則.png

css基礎(chǔ)選擇器

基礎(chǔ)選擇器又包括：標(biāo)簽選擇器、類選擇器庆械、id 選擇器和通配符選擇器干奢。

標(biāo)簽選擇器

• 標(biāo)簽選擇器（元素選擇器）是指用 HTML 標(biāo)簽名稱作為選擇器盏袄，按標(biāo)簽名稱分類，為頁面中某一類標(biāo)簽指定統(tǒng)一的 CSS 樣式辕羽。
• 語法：

    標(biāo)簽選擇器{
        屬性：屬性值
        ...
    }

• 作用：
  標(biāo)簽選擇器（元素選擇器）是指用 HTML 標(biāo)簽名稱作為選擇器垄惧，按標(biāo)簽名稱分類，為頁面中某一類標(biāo)簽指定統(tǒng)一的 CSS 樣式铣口。

類選擇器

• 如果想要差異化選擇不同的標(biāo)簽觉壶，單獨選一個或者某幾個標(biāo)簽，可以使用類選擇器.
• 語法：

    .類名 {
        屬性1: 屬性值1;  
        ...
    } 

結(jié)構(gòu)需要用class屬性來調(diào)用 class 類的意思<div class="類名"> 變紅色 </div>

1. 如果想要差異化選擇不同的標(biāo)簽铜靶，單獨選一個或者某幾個標(biāo)簽，可以使用類選擇器已艰。
2. 類選擇器在 HTML 中以 class 屬性表示哩掺，在 CSS 中涩笤，類選擇器以一個點“.”號顯示。
3. 類選擇器使用“.”（英文點號）進行標(biāo)識辆它，后面緊跟類名（自定義，我們自己命名的）呢蔫。
4. 可以理解為給這個標(biāo)簽起了一個名字，來表示绽昏。
5. 長名稱或詞組可以使用中橫線來為選擇器命名俏脊。
6. 不要使用純數(shù)字、中文等命名爷贫，盡量使用英文字母來表示。
7. 命名要有意義卷员，盡量使別人一眼就知道這個類名的目的腾务。
8. 命名規(guī)范

多類名選擇器

• 我們可以給一個標(biāo)簽指定多個類名，從而達到更多的選擇目的岩瘦。 這些類名都可以選出這個標(biāo)簽。簡單理解就是一個標(biāo)簽有多個名字.
• 多類名的具體使用： <div class="red font20">亞瑟</div>
• 注意：
  1. 在標(biāo)簽class 屬性中寫 多個類名
  2. 多個類名中間必須用空格分開
  3. 這個標(biāo)簽就可以分別具有這些類名的樣式

id選擇器：

• id 選擇器可以為標(biāo)有特定 id 的 HTML 元素指定特定的樣式叙凡。HTML 元素以 id 屬性來設(shè)置 id 選擇器狭姨，CSS 中 id 選擇器以“#" 來定義苏遥。
• 語法：

         #id名 {
            屬性1: 屬性值1;  
            ...
        } 

注意：id 屬性只能在每個 HTML 文檔中出現(xiàn)一次

id選擇器和類選擇器的區(qū)別：

1. 類選擇器（class）好比人的名字田炭，一個人可以有多個名字，同時一個名字也可以被多個人使用教硫。
2. id 選擇器好比人的身份證號碼，全中國是唯一的茶鉴，不得重復(fù)景用。
3. id 選擇器和類選擇器最大的不同在于使用次數(shù)上。
4. 類選擇器在修改樣式中用的最多，id 選擇器一般用于頁面唯一性的元素上盾碗，經(jīng)常和 JavaScript 搭配使用舀瓢。

通配符選擇器：

• 語法：

        * {
            屬性1: 屬性值1;  
            ...
        }

通配符選擇器不需要調(diào)用， 自動就給所有的元素使用樣式

     * {
            margin: 0;
            padding: 0;
        } 

選擇器總結(jié)

基礎(chǔ)選擇器總結(jié).png