WordPressで<a>タグをスタイルできません

Question

私はアクションにフックして機能にHTMLを追加していますが、私はしたいように 'a'タグをスタイルすることはできません。私はクリック可能なボタンを作成しようとしているので、リンクを作成してCSSでスタイルを設定すると思っていましたが、CSSでタグを設定することはできません。ここで

はHTMLです：

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; 
} 

はちょうど私のコードを上書きし、デフォルトのテーマの '' タグのですか？私も試したことがあります！絶望の重要なので、それを動作させることができませんでした。どんな助けも素晴らしいだろう、ありがとう。

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 { }