브라우저 F12 개발자 모드에서 현재 적용된 CSS 찾기. 정보
브라우저 F12 개발자 모드에서 현재 적용된 CSS 찾기.본문
1.
브라우저에서 F12 를 눌러 개발자 툴을 열어줍니다.
그리고 좌측 상단의 아이콘을 누르고
브라우저에서 찾고 싶은 영역을 클릭 합니다.
그러면 위 스크린샷 처럼 해당 엘리먼트에 적용된 CSS 가 나오는데
css 파일에 마우스를 대면 위치가 나옵니다.
해당 CSS 를 수정하시면됩니다.
추가팁1.
두번째 스크린샷 처럼 CSS 가 오른쪽 창에 나와있을때 해당 CSS 를 직접 변경하시면
현재 브라우저에도 임시로 반영이 됩니다. (폰트 크기나 색상 등등..)
이후 다시 되돌리고 싶으면 F5 새로고침을 하면 됩니다.
추가팁2.
CSS 파일을 찾아서 수정 했는데도 적용이 안될때에는
쉬프트+F5 를 눌러 수~~퍼 새로고침을 하면 캐시가 갱신되어 새로 수정한 css 가 반영됩니다.
추천
0
0
댓글 0개