• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

id 부여 관련

22.01.06 16:07 작성 조회수 224

1

이렇게 코드를 작성하니 노란색이 나오는데 아까 질문과 엮어서 질문드리고 싶은 것은 

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>

답변 1

답변을 작성해보세요.

0

1. 이전 질문에서 답변드렸습니다.

2. 코드는 순서대로 적용됩니다! 그리고 #cdd가 3개가 전부 적용되려면 #item-list 안으로 옮기셔야할 것 같아요!