dev 도구에서 파일 이름을 지정하지 않은 경우 소스 코드를 찾는 방법은 무엇입니까?

나는 wordpress에서 웹 사이트를 만들고 있는데 유료 템플릿을 사용하고있다. 템플릿에는 부트 스트랩 그리드가 있습니다. 내가 가지고있는 문제는 CSS 코드의 소스를 찾을 수 없기 때문에 일부 CSS 코드를 편집하는 것입니다. dev 도구에서 파일 이름을 지정하지 않은 경우 소스 코드를 찾는 방법은 무엇입니까?

스크린 샷에서 알 수 있듯이 미디어 쿼리는 grid-responsive.css에 있습니다. 편집하고 싶은 코드는 위의 CSS입니다. 왼쪽의 .mpce-prvt-4661-5a018ae17a157:not(.mpce-dsbl-padding-right)에서 padding-right: 30px !important;을 제거하고 싶습니다.

그러나 나는 CSS 파일을 찾을 수 없습니다 및 오른쪽 에 소스가입니다 파일을 말하지 않습니다. 내가 가지고있는 모든 CSS 파일을 검색했는데 찾지 못했습니다. 그것을 찾는 방법을 알고있는 누군가?

출처

2017-11-16 idbruin

어디에서'grid-responsive.css'가 어디에 있는지 알고 있습니다. 위의 CSS에 관한 것입니다. – idbruin

내 생각에 JS에서 동적으로 생성되어 CSS 파일이 보이지 않습니다. – Quentin

@idbruin : 보이는 것 같습니다. ''(JS에 의해 생성되었거나 플러그인에 포함되어 있습니까?) 스타일이 될 수 있습니다. 전체 디렉토리에서 _30px! important_ 문자열을 찾으십시오. 생성 된 위치를 찾을 수 있습니다. – panther

다른 파일에 CSS를 쓸 수 있습니다. 일반적으로 유료 템플릿을 사용하면 관리자 또는 사용자 정의 CSS 파일에 사용자 정의 CSS를 추가 할 수 있습니다. WordPress 테마 매개 변수 또는 문서을 확인하십시오.

이 방법을 "무시"라고합니다. 즉, 원래 템플리트를 수정하지 마십시오 (그렇지 않으면 템플리트를 갱신 할 때 수정 사항이 h 제될 수 있음).

변경하려는 CSS 만 복사하고 수정하면됩니다.

원래 CSS 파일 :

.test { 
    color: red; 
}

custom.css에서 : 일반적으로 CSS하지 않은 소스에서 생성 된 관리자에서 소스를 표시하지 않습니다

.test { 
    color: blue; 
}

출처

2017-11-16 08:50:44

@ JohannesGrandy 무엇을 의미합니까? 나는 그것이 비동기 적으로로드되어야한다고 말하지 않았다. 'custom.css'는 원본 CSS 파일 –

CSS 참조.

가장 일반적인 소스는 JavaScript입니다.

가장 쉬운 해결책은 Visual Studio와 같은 프로젝트에서 전체 프로젝트를 열어서 전체 프로젝트에서 CSS 문자열을 검색하는 것입니다.

출처

2017-11-16 08:53:52 Obsidian

뒤에로드되어야합니다 ** 가장 쉬운 해결책 **은 Visual Studio와 같은 프로젝트에서 전체 프로젝트를 열어서 전체 프로젝트에서 CSS 문자열을 검색하는 것입니다 *. 또는 [ Ctrl-F ...] (https://stackoverflow.com/questions/47325113/how-to-find-the-source-of-some-css-code?noredirect=1#comment81600929_47325113) – Liam

dev 도구에서 파일 이름을 지정하지 않은 경우 소스 코드를 찾는 방법은 무엇입니까?

답변

관련 문제