css 에서 '>' 이 궁금합니다.

bigpooh의 이미지

css 에서
'ul li' 하는 거랑
'ul > li' 하는게 뭐가 다른 거죠.
차이를 알아보려고 해도 영어 실력이 딸려서 잘 모르겠습니다.

도움 부탁 드립니다.

feanor의 이미지

ul li 는 descendant(후손?) selector 이고 ul > li 는 child(직계 자식?) selector 입니다. 즉 ul li 는 ul 아래 어디엔가 li 태그가 있으면 적용되고, ul > li 는 ul *바로 밑에* li 태그가 있어야 적용됩니다.

--feanor