변경 내비게이션 막대 글꼴

Question

저는 현재 내 홈페이지에서 내 탐색 바를 만드는 초보자이며 글꼴 (색상, 글꼴 모음 등)을 변경하는 데 문제가 있습니다.

기본적으로 내 탐색 바 (집, 연락처, 상점 등)의 링크는 링크이므로 서식 지정됩니다. 나는 내 style.css 파일에 들어갔고 새로운 ID 인 a.nav {}를 선언했지만 내 navbar가 기본 a {} 대신 이것을 사용하는 방법을 모르겠습니다.

이

내가 내 header.php 파일에있는 코드 :

\t \t <nav class="site-nav"> 
 
\t \t \t <?php 
 
\t \t \t $args = array(
 
\t \t \t \t 'theme_location' => 'primary' 
 
\t \t \t \t ); 
 
\t \t \t ?> 
 
\t \t \t 
 
      <?php wp_nav_menu( $args); ?> 
 
      </nav> 
 
\t \t </header>

입니다 내있는 style.css 파일에있는 코드 :

## Links 
 
--------------------------------------------------------------*/ 
 
a { 
 
\t color:#000; 
 
} 
 

 
a:visited { 
 
\t /*color:#454545;*/ 
 
} 
 

 
a:hover, 
 
a:focus, 
 
a:active { 
 
\t color: #fff; 
 
\t text-decoration:bold; 
 
} 
 

 
a:focus { 
 
\t outline:none; 
 
} 
 

 
a:hover, 
 
a:active { 
 
\t outline: 0; 
 
\t 
 
} 
 

 
/* Links - home.site-nav */ 
 
a.nav:link { 
 
\t font-family: montserrat; 
 
\t font-weight: 100; 
 
\t font-style: normal; 
 
\t color:#fff; 
 
} 
 

 
a.nav:visited { 
 
\t /*color:#454545;*/ 
 
} 
 

 
a.nav:hover, 
 
a.nav:focus, 
 
a.nav:active { 
 
\t color: #fff; 
 
\t text-decoration:bold; 
 
} 
 

 
a.nav:focus { 
 
\t outline:none; 
 
} 
 

 
a.nav:hover, 
 
a.nav:active { 
 
\t outline: 0; 
 
\t 
 
}

내가 원하는 것은 탐색 표시 줄에 a 대신에 새로 선언 된 a.nav 클래스를 사용하는 것입니다. 어떤 아이디어? 내가 당신이라면

Answer 1

, 나는 오히려 새로운 클래스를 만드는 것보다

.site-nav a { 

color:black; 
font-size: 15px; 
/*etc*/ 

} 

을 선택하는 것입니다. 그것은 HTML 자체를 편집 할 필요없이 메뉴의 링크에서 작동합니다.

그러나 Wordpress 나 테마가 업데이트 될 때마다 style.css 파일이 재설정되므로 백업이 있는지 확인하십시오. (또는 당신은 아이 테마를 만들 수 있지만, 만약 당신이 Wordpress를 처음 접한다면, 나는 그것을 추천하지 않을 것입니다.)

Answer 2

테마로 직접 변경 한 내용은 style.css으로 다음 테마 업데이트로 덮어 씁니다. 따라서 맞춤 설정> 추가 CSS에서 맞춤 CSS를 추가하는 것이 좋습니다.

다음으로 우리는 CSS에서 우선 순위가 필요한 것을 이해해야합니다. 우리는이 4 가지 규칙 (더 잘 설명 된 here)을 명심해야합니다.

1. 인라인 CSS (html 스타일 속성)는 스타일 태그 및 CSS 파일의 CSS 규칙보다 우선합니다.
2. 더 구체적인 선택기는 덜 구체적인 선택기보다 우선합니다.
3. 코드의 뒷부분에 나타나는 규칙은 모두 동일한 특이성을 갖는 이전 규칙보다 우선합니다.
4. ! important를 사용한 CSS 규칙이 항상 우선합니다. 당신의 예에서

, 당신의 스타일은이 블록 안에 있어야하고 변화 (호버, 활성 ... 등)의 우선 순위를 갖 확인하기 : 당신이 할 수없는 경우

nav .site-nav a { 
} 

그리고 변경 사항을 참조하십시오. 속성 옆에 !important을 추가 할 수 있습니다. 예 : color: #fff !important;.

희망이 도움이됩니다. 행운을 빕니다!