CSS-Selector（元素選取器、類別選取器）

CSS樣式是由 選取器＋樣式宣告 所組成

元素選取器

元素名稱{屬性名稱：屬性數值;}

p {color: red;}           
h1, h2, p {color: pink;}
/* 萬用選取器 */
* {color: red;}

---

類別選取器

class

.primary {color: red;}

<p class="primary">cake</p>          // cake 會變成 red
<h1 class="primary">chocolate</h1>   // chocolate 會變成 red

id

#primary {color: green;}
#secondary {color: blue;}

<p id="primary">cake</p>          // cake 會變成 green
<h1 id="secondary">chocolate</h1> // chocolate 會變成 blue