자바스크립트 소스 작성 시 개발도구별 css 적용 여부 문의

Question

안녕하세요.프론트엔지니어를 지망하여 독학중인 입문자 입니다.현재 "Do it 자바스크립트 입문" 이라는 책으로 자바스크립트 독학 중에 있는데요.개발자도구의 콘솔에서 직접 코드를 쳤을 때와 VScode 에서 자바스크립트 소스를 직접 수정할 때의 스타일 적용값이 달라 왜 그렇게 되는지 궁금해서 질문글을 작성하게 되었습니다. 1. VScode 에서 자바스크립트 소스를 직접 수정할 경우 - css 적용됨 연습문제-2 2. 개발자도구 콘솔창에서 직접 수정할 경우 - css 적용안됨 두 가지 실행 결과 이미지를 첨부 합니다. html 문서에 삽입된 css 스타일이 vscode 편집기로 할 때는 적용이 되고, 개발자 도구에서 편집할 때는 안되는데 원래 그런걸까요? 조언해주시면 감사하겠습니다.

S_J · Answer

개발자 도구의 Elements창에서 각각의 HTML구조를 비교해 보세요.

밤아홉시 · Answer

2번 Styles에 추가해 보세요. &#43; 버튼 클릭하면 추가 가능합니다.마침 올리신 스크린샷에 &#43;가 1개 밖에 없어서 찾기 쉽겠네요.

자바스크립트 소스 작성 시 개발도구별 css 적용 여부 문의

2개의 답변

#console 목록