工作的時候碰到CSS選擇器，有時候覺得想哭有時候覺得太神奇了吧

不管怎麼樣都先記錄下來吧。

X

選TagName

#X

選id

.X

選className

:nth-child(n)

選小孩(子節點)
玩法眾多:

• n = 常數: 直接決定要選第幾個
• n = 2n: 偶數
• n = n+4: 從第四個開始
• n = -n+2: 只選倒數兩個
  玩得最開心的一次

#querytable tr td tr td:nth-child(n+4)

每四個中的第三個

#Aarondiv div:nth-child(4n-1)

####:not() 不包含
最後五個但不包含id="buttondiv"

#Aarondiv div:nth-last-child(-n+5):not([id="buttondiv"])

####:hover
滑鼠經過的時候

一次指定複數個條件

#Aarondiv div:nth-child(1) label, #Aarondiv div:nth-child(2) label, #Aarondiv div:nth-child(3) label, #Aarondiv div:nth-child(10) label {
  color: red;
  font-weight: bold;
}