프로그램에서 제공하는 템플릿을 사용하여 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 색상이 표시됩니다. 나는 그것이 어떻게 가능한지 이해하지 못한다.
당연히 내가 뭘하는지 잘 모르겠으니 조심하세요. 조언을 해주셔서 감사합니다.
편집 : 라이브 페이지를 검사 할 때 내가 보는 것은 다음과 같습니다.
코드가 작동하지 않는 이유
코드는 논리적으로 정확하지만 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
}
! important
를 사용하면됩니다.
body {
font-family: Lato;
font-size: 14px;
line-height: 1.42857143;
color: #b6b6b6 !important;
background-color: #750204;
}