inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[코드캠프] 시작은 프리캠프

final 과제

class 와 id 작성 순서

해결된 질문

460

yh

작성한 질문수 12

0

 <div class="token__wrapper"> <div class="token" id="token">000000</div>

 

여기서 div class="token" 이랑 id "token" 순서를 반대로 하면 왜 컬러가 안 입혀지나요? css 적용순서가 달라지게 되나요?

HTML/CSS javascript

답변 1

0

노원두

안녕하세요! yh님!

먼저, final과제의 레퍼런스 코드를 기준으로 동일한 실험(id와 class 순서 바꾸기)을 진행하면, 정상적으로 색 적용이 되는 것을 확인하실 수 있으세요!

하지만, yh님께서 가지고계신 코드상에서는 적용이 안되고 계신 것 같습니다!
어떻게 작성하셨는지 제가 확인할 수는 없지만, 원리만 간단히 말씀드리면
id 선택자(#)와 class의 선택자(.)가 동시에 존재하는 경우, css는 id 선택자(#)를 우선적으로 따르게 돼요! 따라서, class선택자(.)로 작성하신 css를 확인하기 어려우실 수 있습니다!^^

싸이월드3

0

77

2

싸이월드2 관련 질문 드립니

0

92

3

과제 모범답안 유무

0

89

2

과제 연습 질문

0

71

2

<style> 에 *와 div 차이

0

86

2

과제 profile 부분 질문

0

112

2

과제 Profile 부분 질문

0

86

2

left_body_header의 자식border-top인데

0

77

2

정렬 연습중인데 왜 여성과 남성 칸이 가로로 배열 안되는지 모르겠습니다.

0

127

1

태그 궁금한 점

0

162

2

HTML 회원가입

0

192

2

문법관련 질문입니다

0

253

2

윈도우 누른치로 마침표 눌렀는데 이모지가 안되는데용.?./.

0

647

2

26분50초에 세로줄 어떻게 해요 ..? ㅎㅎㅎ

0

250

2

피그마에서 css 코드가 안보여요..

1

3217

2

주석기능을 하고 싶은데 컨트롤+느낌표가 안됩니다 ㅠㅠ

0

325

2

언어 설정 -> 한글

0

289

1

2024년 html

0

226

1

피그마 유료화

0

1670

1

Fiama 링크 찾기

0

239

2

Figma는 어디에 있나요?

0

251

1

안녕하세요. 제공되는 노션 학습자료는 어디서 확인가능한가요?

0

357

2

git 질문입니다

0

216

1

아무리 찾아봐도 피그마 링크가 보이질 않습니다.

0

312

1