CSS DINER(2)

LEVEL11

plate *{
}

 

 

 

 

LEVEL12

plate + apple{
}

→ plate 바로 뒤에 있는 apple

 

 

 

 

LEVEL13

bento ~ pickle{
}

 

 

 

 

LEVEL14

plate > apple{
}

 

 

 

 

LEVEL15

orange:first-child{
}

 

 

 

 

LEVEL16

plate :only-child{
}

 

 

 

 

LEVEL17

.small:last-child{
}

 

 

 

 

LEVEL18

plate:nth-child(3){
}

→ 3 : 앞을 기준으로 3번째

 

 

 

 

LEVEL19

bento:nth-last-child(3){
}

→ (3) : 뒤에서 세 번째

 

 

 

 

LEVEL20

apple:first-of-type{
}