CSS選擇器

接續這上篇 選擇器也可以多重選擇多個元素 像是
h1,th {color:brown}
只要加上逗點就可以讓很多元素都和h1穿著一樣的衣服哦

這樣就可以搭配之前的表格做看看
結果會是這樣子 只有h1和表格的標題th會是棕色

而另外他可以特別指定id 或是class

      <label id="id">我的Id</label>
      <label class="class">我的class</label>

以label來舉例 一個特別定義id 一個定義class 那就是這樣來指定他們

#id {
    color: red;
  }

.class{
    margin-left: 50px;
    color: chartreuse;
}

同樣的方法也能指定全部的元素
那就是這個符號(*)
加入同樣的公式 *{屬性:屬性質}

再舉例一個
p.center {text-align: center;}
這樣代表只有當含有class:center的p才會套用此樣式
其他元素就算有center這個class的元素 而不是被p擁有 都無法套用此樣式

還有一個特殊方法可以讓一個class同時套用多種CSS

.red {
    color: red;
  }

.large{
    font-size: large;
}

假如style中已經有這兩個樣式 那麼就只要再class指定他們 以空格區隔就好了
<label class="large red">我的class</label>