HTML에 액세스 할 수없는 div 크기 수정

Question

페이지의 일부 배경을 수정하려고합니다. html 파일에는 액세스 할 수 없으며 .css 및 .js 만 사용할 수 있습니다. 페이지에는 구조 때문에 전체 화면 (하단)에 배경을 확장하지 않는 기본 테마가 있습니다. CSS를 통해 애니메이션 그라디언트로 기본 배경 .png을 바꿀 수 있었지만 지금은 div를 변경해야합니다. 외부 CSS를 호출하는 CSS 파일의 맨 위에있는 @import URL로 시도했지만 작동하지 않습니다. html 구조를 재정의하는 방법이 있습니까? 고마워요

• 기본 템플릿의 CSS에 액세스 할 수 없다는 사실을 잊어 버렸습니다. 서비스는 서버에 모든 것을 보관하고 템플릿을 로컬 폴더에 설치하면 (Dropbox와 함께 모든 것이 작동 함) 기본적으로 비어 있지만 다른 코드를 추가 할 수있는 .css 및 .js가 추가로 발견되었습니다. 내가 뭘 해야하는지 그 두 파일 중 하나에서 템플릿의 div 구조를 무시하는 것입니다. DevTools 사용하기 나는 div 클래스의 템플릿 이름을 발견했고 상대적인 .css를 다운로드 할 수있을 것 같다. 아직도 그것을 오버라이드하는 법을 모르겠다. 나는 일반적으로 코딩하는 것에 너무 익숙하지 않다. ...

Answer 1

당신이하려는 일로 분명하지 않다. 하지만 항상 자바 스크립트 DOM 조작 함수를 사용할 수 있습니다.

해당 링크를 확인하십시오 : http://callmenick.com/post/basics-javascript-dom-manipulation.

더 나은 API를 제공하는 jquery을 사용할 수도 있습니다. 그것은 어떤 클래스 정의 나 스타일 시트 파일에있는 경우 인라인 스타일 인 경우

Answer 2

는 다음 우선 순위가 높은

.oldclass{ 
 
    width:328px; 
 
    height:328px; 
 
    background-image:url('http://via.placeholder.com/328x328'); 
 
} 
 
/*Your New definition*/ 
 
div.oldclass{ 
 
    background-image:url('http://via.placeholder.com/328x328'); 
 
}

<div class="oldclass"> 
 
</div>

에 정의를 가져 높은 Specificity와 선택기를 사용 사용 !important 태그

.oldclass{ 
 
    width:328px; 
 
    height:328px 
 
} 
 
/*Your New definition*/ 
 
div.oldclass{ 
 
    background-image:url('http://via.placeholder.com/328x328') !important; 
 
}

<div class="oldclass" style="background-image:url('https://www.gravatar.com/avatar/fca24c2acab4d63343d4608ce256dcec?s=328&d=identicon&r=PG&f=1');"> 
 
</div>