クイックタグのリンクの色をなしにしたいです。

Question

WordPressでクイックタグを作ってリンクを挿入したのですが、
リンクの色が青になってしまっています。

なのでcssを書き加えて変更しようとしましたが、
色は変わらずに青のままです。

hoverした時にも、リンクの色を指定した色とは変えたくないので、
知っている方は回答をお願いします。

//functions.php
if ( !function_exists( 'add_quicktags_to_text_editor' ) ):
function add_quicktags_to_text_editor() {
  //スクリプトキューにquicktagsが保存されているかチェック
  if (wp_script_is('quicktags')){?>
    <script>
      QTags.addButton('qt-green','GTE','<div class="gte">','</div>');
    </script>
  <?php
  }
}
endif;
add_action( 'admin_print_footer_scripts', 'add_quicktags_to_text_editor' );

.gte {
  border: 1px solid #fff;
  border-radius: 0;
  background: #075630;
  color: white;
  text-align: center;
  padding:0.5em;
  text-decoration: none;
}

.gte:hover {
  color: #fff;
  background: #075630;
  opacity: 0.8;
  text-decoration: none;
}

Answer 1

.gteの中に入ってるaタグのcolorを指定しなきゃ
リンク文字色は変わらないんじゃないですかね

Comments

[Larkiwing]

a.gte {
color: red;
}
のような感じでしょうか？
すみません。知識不足で。

[KazuhiroHatano]

.gte a{color:#ffffff;}

[Larkiwing]

回答ありがとうございます。
無事解決しました。

Answer 2

QTags.addButton('qt-green','GTE','<div class="gte">','</div>');

とあるので、div要素を追加していると思うのですが、このdivの中にリンクを追加したという意味であっていますか。

その場合、.gteとは別にその中のaタグに対してもスタイルを当てておく必要があると思います。

Comments

[Larkiwing]

回答ありがとうございます。
無事解決しました。

Answer 3

こんにちは。

とりあえず、!important を使ってみてはいかがですか？
!important の例外 | 詳細度 - CSS: カスケーディングスタイルシート | MDN

Comments

[Larkiwing]

回答ありがとうございます。
!importantを入れてみましたが、変わりませんでした。
原因は別にあるようです。