WordPress에서 <a> 태그를 사용할 수 없습니다.

Question

저는 작업에 연결하고 HTML을 함수에 추가하고 싶지만 원하는대로 'a'태그의 스타일을 지정할 수없는 것 같습니다. 클릭 가능한 버튼을 만들려고 노력 중이므로 링크를 만든 다음 CSS로 스타일을 지정한다고 생각했지만 태그를 타겟팅하도록 CSS를 가져올 수 없습니다.

echo '<a href="www.casthorndesigns.com/wp-login.php?action=register" class="reg_btn">Register/Login</a>'; 

그리고 CSS :

.reg_btn a{ 
    -webkit-appearance: button; 
    -moz-appearance: button; 
    appearance: button; 
    width: 200px; 
    height: 45px; 
    border: 2px solid #000; 
    background-color: #fff; 
    text-decoration: none; 
    color: #000 !important; 
} 

.reg_btn a:hover{ 
    cursor: pointer; 
} 

기본 테마의 단지 내 코드를 오버라이드 (override) '는'태그가 여기에

는 HTML입니까? 나도 노력 했어! 절망에서 벗어나서 일하게 만들지 못 했어. 어떤 도움이라도 좋을 것입니다.

Answer 1

이 같은, 당신의 CSS 코드에서 클래스의 단지 이름을 사용해야합니다

.reg_btn { 
    -webkit-appearance: button; 
    -moz-appearance: button; 
    appearance: button; 
    width: 200px; 
    height: 45px; 
    border: 2px solid #000; 
    background-color: #fff; 
    text-decoration: none; 
    color: #000 !important; 
} 

.reg_btn:hover{ 
    cursor: pointer; 
} 

Answer 2

당신의 선택에서 a를 제거합니다. .reg_btn은 이미 문제의 요소 클래스이며 해당 선택자만으로는 충분히 타겟팅 할 수 있습니다.

Answer 3

귀하의 CSS는 클래스 reg_btn 내의 앵커 요소를 타겟팅합니다.

'a'를 선택자의 시작 부분으로 이동하거나 완전히 제거하십시오.

a.reg_btn { } 

또는

.reg_btn { }