• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

id를 p에 부여해보았습니다.

22.01.06 15:54 작성 조회수 190

1

안녕하세요 선생님
좋은 강의 잘 듣고 있습니다.
다음과 같이 작성하면 노란 컬러가
첫번째줄
"첫번째 자식 아이템1" 에 나와야 하는 것 아닌가요?
나오지 않아서 여쭤봅니다.
 
 
<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="item-list">
<p id="cdd">첫번째 자식 아이템1</p>
<p>첫번째 자식 아이템2</p>
<div>
<p>두번째 자식 아이템1</p>
<p>두번째 자식 아이템2</p>
</div>
</div>
</body>
</html>
 
 
 

답변 1

답변을 작성해보세요.

0

"첫번째 자식 아이템1"을 포함한 p태그는 id로 cdd 를 가집니다.

질문자님이 적어주신 style은 #cdd > p로, id가 cdd인 태그의 자식 태그에게 yellow를 적용해주겠다는 명령어입니다! 따라서 yellow가 적용되지 않는거죠!