[HTML/티스토리] 특정 클래스를 CSS에서 수정할 때 코드에 없을 경우
특정 클래스를 CSS에서 수정할 때 코드에 없을 경우
💡tt_article_useless_p_margin라는 클래스를 CSS에서 수정하려는데,
현재 CSS 코드에는 안 보이고, contents_style 같은 건 있는데
이런 곳 사이에 숨어있을 수 있나?
✅ 결론부터 말하면 숨어 있을 수 있다.
단, 현재 CSS에는 tt_article_useless_p_margin이라는 클래스는 정의돼 있지 않다.
→ 즉, 원하는 CSS 수정 대상은 다른 CSS 파일이나 동적으로 삽입된 스타일, 또는 상위 레이아웃 테마 파일 안에 있을 수 있다.
🔍 어디 숨어있을 수 있는가?
1. 다른 CSS 파일에 있음
예: style.css, skin.css, layout.css, content.css 등등.
이건 HTML <head> 안에 <link rel="stylesheet" ...> 태그로 연결된다.
2. HTML 자체에 <style> 태그로 인라인 삽입돼 있음
검색할 때 Ctrl + F로 html 소스 전체에서 tt_article_useless_p_margin 검색한다.
3. Javascript나 외부 위젯이 동적으로 추가한 경우
이 경우는 CSS 파일에 없고, 브라우저 개발자 도구(Elements 탭)에서만 보인다.
🛠️ 확인 방법
1. 크롬 개발자 도구 열기
블로그에서 해당 본문 위에서 우클릭 → 검사 (또는 F12)
우측 Elements 탭에서 class="tt_article_useless_p_margin"인 요소를 찾음
2. Styles 탭에서 어떤 CSS에 정의돼 있는지 확인
.tt_article_useless_p_margin 이라는 이름이 어느 파일에 있는지, 어떤 속성을 적용하고 있는지 보여줌.
🧼 만약 직접 스타일을 수정하고 싶다면
CSS 파일 마지막에 아래처럼 직접 추가해도 된다.
.tt_article_useless_p_margin p {
margin: 0 !important;
}
이미 정의돼 있는데 안 보이는 거면, 캐시된 CSS 때문일 수도 있으니 새로고침(Ctrl + Shift + R) 해보는 것도 추천.
CSS 파일에 직접 추가하는 방식으로 해결했다.