웹 아이콘의 CSS 색 변경, html 사용자 정의 wordpress 플러그인

Question

기본적으로 아이콘의 색상을 변경하려고하면 플러그인을 사용자 정의하려고합니다. 나는이 검은 색에있는 아이콘의 기본 색상을 설정할 수 있어요 -

[class^="myplugin-"]:before, [class*=" myplugin-"]:before { 
    color: black; 
    } 

내 문제가 호버에 나는 흰색 또는에있는 아이콘의 색상을 변경할 수 아니에요. 검사 요소 내가 이것을 발견했습니다 -

<div class = "myplugin-container"> 
    <ul> 
    <li class = "myplugin-btn-google"> 
    <a title=....> 
    <span class="myplugin-icon"> 
    <i class = "myplugin myplugin-google"</i> 
    </span> 
    </a> 
    </li> 
    </ul> 
    </div> 

나는 다음을 시도했다. 스팬 색상 만 흰색으로 변경하지만 실제 아이콘 색상은 변경하지 않습니다. -

.myplugin-container li.myplugin-btn-google a:hover span{ 
    color: red; 
    background: white; 
    } 

제 생각에는 올바른 하위 클래스를 선택하지 않습니다. 어떤 도움이라도 대단히 감사합니다.

Answer 1

나는 문제가 발생되고 당신을 가정 해 의미

.myplugin-container li.myplugin-btn-google a:hover span{ 

그 어떤 배경이 변경되지되고 있고 실제 요소를 변경하려는 경우에만 링크. 당신이 myplugin-container 배경 색상을 변경하려면

후 가장 쉬운 방법은 다음과 같습니다

.myplugin-container{ background: white; } 

행운을 빕니다!