ハイパーリンクのスタイル設定のCSSが動作しない

Question

私はCSSで一般的なハイパーリンクのスタイル設定をしており、フォントサイズを変更するための新しいクラスを作成しようとしています。それは機能していないと私は間違って何をやっているか把握することはできません。

a:hover, 
 
a:link, 
 
a:visited, 
 
a:active { 
 
    font-size: 16px; 
 
    color: black; 
 
    font-family: 'Open Sans'; 
 
    text-decoration: underline; 
 
} 
 
a.audio, 
 
a.audio:hover, 
 
a.audio:link, 
 
a.audio:visited, 
 
a.audio:active { 
 
    font-size: 14px !important; 
 
    color: black; 
 
    font-family: 'Open Sans'; 
 
    text-decoration: underline; 
 
}

Audio by <a class='audio' href=linkaddress target=_blank>name</a>

Answer 1

あなたのスタックスニペットが働くので、私はあなたのハイパーリンクスタイリングが動作していないが、私は考えて起こっている何かであることは、おそらくあなたがしているものの上に支配を取っている正確な理由突き止めることができません宣言する。

1）ブラウザでデベロッパーツールを開きます。要素タブを使用している場合は、クラスを選択して、どのようなスタイルが適用されているかを確認できます。あなたが見ることができるように

(what my audio class looks like)

は、私は、オーディオクラスになっていたフォントサイズは14pxた：ここでは私の例があります。しかし、すべてのリンクに対して私が宣言したfont-sizeは省略されました。これは、オーディオクラスのスタイリングがより具体的であるため適用されません。

デベロッパーツールを開くと、スタイリングが適用されていない理由をより詳細に知ることができます。たぶんあなたのスタイリングを覆すものがあるかもしれません。

2）CSSファイルの最後にスタイリングを入れて、他のスタイルシートがある場合はそれが最後に挙げられたスタイルシートであることを確認してください。 CSSがカスケーディングしているので、最後に宣言されたものがより支配的になります。

これが役立ちますように！ @_kcodes