2020/06/19 CSS选择器

工作的时候碰到CSS选择器，有时候觉得想哭有时候觉得太神奇了吧

不管怎么样都先记录下来吧。

X

选TagName

#X

选id

.X

选className

:nth-child(n)

选小孩(子节点)
玩法众多:

#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;}