Web Frontend/HTML_CSS

[ifp_html_css] CSS diner 21 ~ 32

홍유진 2022. 6. 3. 18:48

Level 21

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

Level 22

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

: 2번째 인스턴스부터 시작


Level 23

.small:only-of-type

Level 24

.small:last-of-type{
}

Level 25

bento:empty {
}

Level 26

:not(.small, plate){
}

Level 27

[for] {
}

Level 28

plate[for] {
}

Level 29

bento[for="Vitaly"]{
}

Level 30

[for^="Sa"]{
}

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


Level 31

[for$="ato"]{
}

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


Level 32

[for*="obb"]{
}

: *= : 뒤에 오는 문자열이 하나 이상 존재할 때 사용한다