질문

프로그램에서 제공하는 템플릿을 사용하여 WYSIWYG 웹 사이트 빌더로 웹 사이트를 구축했습니다. 그 이후로 템플릿을 버리고 CSS를 사용하여 모든 스타일을 지정했지만 어떤 이유로 전체 사이트의 기본 텍스트 색상을 변경할 수 없습니다.

CSS에서 본체 색상을 변경하면 기본 색상이 변경 될 것이라고 생각했습니다.

body {
font-family: Lato;
font-size: 14px;
line-height: 1.42857143;
color: #ff9900;
background-color: #750204;

그래서 색상을 변경하려고했습니다 : # ff9900에서 "b6b6b6"로 변경했지만 작동하지 않았습니다.

그런 다음 CSS 파일에서 ff9900의 모든 인스턴스를 b6b6b6으로 바꾸고 웹 사이트에 ff9900 색상이 표시됩니다. 나는 그것이 어떻게 가능한지 이해하지 못한다.

당연히 내가 뭘하는지 잘 모르겠으니 조심하세요. 조언을 해주셔서 감사합니다.

편집 : 라이브 페이지를 검사 할 때 내가 보는 것은 다음과 같습니다.

답변1

코드가 작동하지 않는 이유

코드는 논리적으로 정확하지만 CSS의 작동 방식, 특히 스타일 설정 방식을 고려해야합니다. color : blaa; 가있는 특정 요소가있는 경우 항상 상속 된 후에이를 설정합니다. 따라서 body {blaa ...} 를 사용할 때 나중에 다른 작업이이를 무시하는 경우에만 결과를 볼 수 있습니다. 다음은이를 보여주는 다이어그램입니다.

다음과 같이 ID가 "ID"인 요소의 경우 body > nav > #ID 다음과 같이 스타일이 적용됩니다.

BODY STYLES:
NAV STYLES
#ID STYLES
* STYLES

여기에서 body {color : red} 및 #id {color : blue} 와 같은 규칙을 지정하면 색상은 그대로 파란색이됩니다. 위 목록의 2 개 중 최신.

해결 방법

문제를 해결하는 가장 좋은 방법은 다음을 사용하는 것입니다.

* {
  color: #b6b6b6
}

답변2

! important 를 사용하면됩니다.

    body {
        font-family: Lato;
        font-size: 14px;
        line-height: 1.42857143;
        color: #b6b6b6 !important;
        background-color: #750204;
    }

출처 : https://stackoverflow.com/questions/63185020/how-to-change-default-text-color-for-entire-site