기본적으로 기본 프레임 워크의 테마 인 탐색 막대의 색상을 사용자 정의하려면 어떻게해야합니까?

Question

기본 테마로 http://foundation.zurb.com/에서 기초 프레임 워크를 다운로드했습니다.
내비게이션 바, 버튼 등 다양한 색상의 색상을 변경하는 방법을 알지 못합니다. 배경과 그림자가있는 상자를 몸에 추가하십시오! 등

나는하여 app.css에 다음을 추가하려고하지만

body { 
    background-color: #333; 
    position: relative; 
    font-family: helvetica, arial, sans-serif; 
    color: #666666;  
    border-right: 1px solid #333; 
    border-left: 1px solid #333;  
    -moz-box-shadow: 0 0 5px 5px #888; 
    -webkit-box-shadow: 0 0 5px 5px#888;  
    box-shadow: 0 0 5px 5px #888; 
} 

이 무엇을 제안하십시오 작동하지 않았다.
scss + foundation에 대해 뭔가가 있지만 잘 모르겠지만 ... 시도해도 무서워, 좀 무서운 것 같습니다.
Din은 Foundation Framework를 사용하는 것이 복잡하고 복잡하다고 생각합니다.

Answer 1

이것은 쉽지만 약간의 작업이 필요합니다. app.css는 foundation.css 내의 값을 타고 넘어서 트릭을 실행합니다 !!

하지만 어떤 요소 나 선택기를 재정의해야하는지 찾기가 쉽지 않으며 특히 CSS의 대부분을 알지 못합니다. 하지만이 문제를 해결할 수있는 방법이 있습니다 ... 즉 firefox for firefox! 웹 사이트의 어느 곳에서나 어떤 스타일이 사용되고 있는지 알려주는 멋진 응용 프로그램입니다.

Answer 2

Firebug (Firefox 용)와 같은 도구를 사용하면 관심있는 요소를 검사 할 수 있습니다. 그러면 실제로 CSS가 요소에 실제로 적용되었는지, 해당 코드/파일 행 당신이 그것을 바꿀 수 있도록 파이어 폭스의 코드에 새 값을 오버라이드하여 페이지에 어떤 효과가 있는지 확인할 수도 있습니다.