CSS DINER(3)

LEVEL21

plate:nth-of-type(even){
}

 

 

 

 

LEVEL22

plate:nth-of-type(2n+3){
}

 

 

 

 

LEVEL23

plate .small:only-of-type{
}

 

 

 

 

LEVEL24

.small:last-of-type{
}

 

 

 

 

LEVEL25

bento:empty{
}

 

 

 

 

LEVEL26

:not(.small, plate){
}

 

 

 

 

LEVEL27

[for]{
}

 

 

 

 

LEVEL28

plate[for]{
}

 

 

 

 

LEVEL29

bento[for="Vitaly"]{
}

 

 

 

 

LEVEL30

[for^="Sa"]{
}

→ ^= : 접두사로 "Sa"를 가진다

 

 

 

 

LEVEL31

[for$="ato"]{
}

→ $= : 접미사로 "ato"를 가진다

 

 

 

 

LEVEL32

[for*="obb"]{
}

→ *= : 뒤에 오는 문자열이 적어도 하나 이상 존재할 때 사용