묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
id 부여 관련
이렇게 코드를 작성하니 노란색이 나오는데 아까 질문과 엮어서 질문드리고 싶은 것은 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>
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
id 태그 질문입니다.
안녕하세요 그랩님. 강좌 잘 듣고 있습니다. 제가 id값을 동일하게 지정해도 한 id값만 적용된다고 배웠는데, 실제로 해 보니 동일한 id값을 갖는 모든 텍스트가 색이 변했습니다. 이렇게 된다면 id와 class에 차이가 없는 것 아닌가요?? --------코드---------- <html> <head> <style type="text/css"> p { color: orange; } #id-test { color: skyblue; } .love { color: #BA68C8; font-size: 100; font-weight: 900; } .love2 { color: #00AAFF; font-size: 100; font-weight: 900; } </style> </head> <body> <p>Hello</p> <p>Hello!</p> <div id="id-test">id</div> <div id="id-test">id</div> <div class="love">class</div> <div class="love2">class</div> </body> </html>
