인프런 커뮤니티 질문&답변

atandedu님의 프로필 이미지
atandedu

작성한 질문수

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

css 공부하기 - 2

id 부여 관련

작성

·

265

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 안으로 옮기셔야할 것 같아요!

atandedu님의 프로필 이미지
atandedu

작성한 질문수

질문하기