이렇게 코드를 작성하니 노란색이 나오는데 아까 질문과 엮어서 질문드리고 싶은 것은
1) id 값은 p에도 적용할 수 있는 것인가요? 그렇다면 아까 p 에는 적용이 왜 안되었던 것일까요? p 아래에
2) 코드는 순서대로 적용이 되는 것일까요? 아래와 같이 id를 세개를 부여하면 우선 빨간색-> 파란색-> 마지막 노란색 순서대로 적용이 되는 것일까요?
<html>
<head>
<style type="text/css">
#item-list p {
color: red;
}
#item-list > p {
color: blue;
}
#cdd > p {
color: yellow;
}
</style>
</head>
<body>
<div id="cdd"><p>첫번째 자식 아이템1</p></div>
<div id="item-list">
<p>첫번째 자식 아이템2</p>
<div>
<p>두번째 자식 아이템1</p>
<p>두번째 자식 아이템2</p>
</div>
</div>
</body>
</html>