배경색을 덮어 쓰는 방법 : # 000000! important;

Question

WordPress 프로젝트의 background-color: black !important 속성을 덮어 쓰거나 해당 속성을 삭제하고 싶지만 CSS 파일에서 찾을 수 없습니다.

#top-nav > div > ul > li.current-menu-item, #top-nav > div > div > ul > li.current-menu-item, #top-nav > div > ul > li:hover, #top-nav > div > div > ul > li:hover, .top-nav-list > li > ul li:hover, .top-nav-list ul li ul li:hover { 
    background-color: #000000 !important; 
} 

Answer 1

재정의하려는 규칙 뒤에 원하는 규칙을 포함시키는 방법을 찾아보십시오.

CSS는 계단식 스타일 시트입니다. 이는 다음 코드가 있음을 의미합니다.

.divwhatever { background-color: black; } // On WordPress Original File 
.divwhatever { background-color: white; } // On WordPress Theme File 
.divwhatever { background-color: red !important; } // On WordPress Child Theme 
.divwhatever { background-color: orange ! important; } // On a specific File 

결국 오렌지 배경이 표시됩니다.

이전 !important 규칙이 없으면 항상 마지막으로 처리 된 규칙이 적용됩니다.

이 경우 !important 수정자를 가진 마지막으로 처리 된 규칙이 우선합니다. 아주 나쁜 관행의

: 이상적으로 원래 규칙을 발견하고, 적어도, 변경하거나해야이 같은 DOM 모델에 대한 더 이상의 !important 문이 없다하지만 난 워드 프레스 테마가 얼마나 힘든 알고 초보자에게 :