# Astro Camp

* 7/1/2024

****

important > inline > .class > tag > *(所有元件)

繼承屬性只有在沒有被設定的情況下才會繼承

***
偽類選擇器
***

first- child -> 順序為主
first-of-type -> 以類別為主
:nth-child() -> odd 奇數小孩
even 偶數小孩
:nth-of-type -> 數字第Ｘ個小孩
Ｘn -> X被數的小孩
Xn +-y -> x+-y的小孩

***
Color
***

1. rgb(0,0,0)

color: #f0f0f0;
color: rgb(200,200,200);
color: rgba(200, 200, 200, .5);
color: hsl(200 50% 50%);
color: hsl(200 50% 50% / .5);
color: hsl(200 50% 50% / 50%);
color: gray;

rgb(255,255,255)
2. rgba(255, 255,255, 1) 0~1 不透明度
3. ＃ffffff
ff R
ff G
ff B

#fff

#000000

0 1 2 3 4 5 6 7 8 9 a b c d e f

暗<------------------------------>亮

4. hsl (360 100% 100%)

（色相 飽和度 明度）

5.