개발자가 직접 삽입 한 템플릿에는! 중요한 규칙이 있으며, 내가 무엇을하든 상관 없습니다. 재정의 할 수 없습니다. 사이트의 최상위 메뉴에있는 단일 요소의 스타일을 지정하려고합니다. http://akecheta.com 에서 콘솔로 할 수 있고 클라이언트 측에서 작동하므로 custom.css 코드를 업데이트하고 다시로드 할 때 페이지, 실제로 변경된 것은 없습니다.
이것은 내 코드입니다.
<li id="menu-item-1590" class="bp-menu bp-login-nav menu-item menu-item-type-custom menu-item-object-custom menu-item-1591"><a href="http://akecheta.com/wp-login.php?action=login&redirect_to=http%3A%2F%2Fakecheta.com%2Fmembers%2Fadministrador%2F&_wpnonce=6e8d66da25"><span>Log Out</span></a></li>
나를 짜증나게하는 CSS 규칙은 다음과 같습니다.
.site-nav > ul li a {
color: #000000 !important;
}
나는 이것을 다음과 같이 재정의하려고 시도했다.
.site-nav.bp-menu.bp-login-nav > ul > li + li {
color: #ff000 !important;
font-weight: 900;
}
이
.bp-menu.bp-login-nav a {
color: rgb(249, 24, 24) !important;
font-weight: bold;
}
이
li#menu-item-1590 a {
color: rgb(249, 24, 24) !important;
font-weight: bold;
}
이
li#menu-item-1590.bp-menu.bp-login-nav a {
color: rgb(249, 24, 24) !important;
font-weight: bold;
}
이
li#menu-item-1590.site-nav > ul li a {
color: #000000 !important;
}
여기서 .bp-menu 및 .bp-login-nav는 메뉴에 링크가있는 플러그인에서 사용하는 두 개의 클래스입니다. 나는 자바 스크립트도 관련되어 있다고 생각하지만 어디에 있는지 모르겠습니다.
UPTADE
# menu-item-1591이 아닌 # menu-item-1590이고 .bp-logout-nav가 아닌 .bp-login-nav입니다.
이전 항목은 로그인 한 사용자 전용입니다. 죄송합니다.
.bp-menu.bp-logout-nav a {color:#ff0000;}
일을해야한다
재정 .site-nav > ul li a
의 할 수없는 것은 theme-setup.php 라는 파일에 의해 style.css 이전에 헤더에 구현되기 때문 입니다.
에서 제거하려면 !important
:
.site-nav > ul li a {
color: #000000 !important;
}
다음으로 이동해야합니다 : onetake> 포함> theme-setup.php
theme-setup.php의 72 번 줄에서 다음과 같은 것을 찾을 수 있습니다 !important
..site-nav > ul li a
$onetake_custom_css .= '.site-nav > ul li a{color:'.esc_attr($nav_menu_color).' !important;}';
를 제거하기 만하면 !important
링크에 대한 새 스타일을 일반적으로 추가하거나 사용하여 추가 할 수 !important
있습니다. 다음은 제거 후 위 코드의 모습입니다.!important
$onetake_custom_css .= '.site-nav > ul li a{color:'.esc_attr($nav_menu_color).' ;}';
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다