html - CSS は要素の既存のスタイルを上書きします

Question

<A>タグに CSS スタイルの Web ページがあります。スタイルもA:Hoverそのタグ用に書かれています。しかし、特定のタグだけを削除したいのです。値が変わらないように CSS でプロパティを設定できますか?

このまま期待しよう

A:hover {
font-family:no-change;
}

またはA:tag、その特定のタグを単独で使用しないようにする特定の方法はありますか?

score 5 · Accepted Answer

私は通常、使用する必要のない場所で !important を使用するのが好きではありません。

この場合、<a>タグに一般的なスタイルを使用できます

a:hover {
  font-family: 'Some weird font';
}

次に、異なる動作をさせたいタグにクラスまたはIDなどを設定しinherit、フォントが変更されないようにするために使用します

a.special:hover {
  font-family: inherit;
}

これはfont-familyプロパティのデフォルト値であり、基本的には「この要素を独自のスタイルを持たないかのように扱い、通常のように親から取得するだけです」と言います。

score 3 · Accepted Answer

:not「特定の」アンカータグにクラスまたはIDがある場合、疑似クラスを使用できます

a:not(.exemptedSelector):hover {  
 /*Your style goes here*/
}

または、「特定の」アンカータグにホバースタイルを提供して、タグを使用して提供されたスタイルをオーバーライドしますA。

.exemptedSelector:hover
{
/*Your style goes here*/
}

score 0 · Accepted Answer

アンカーにクラスを与えます。そうしないと、すべてのアンカーに影響します:

HTML:

<a href="#" class="link_class">the link</a>
<a href="#" >other link</a>
<a href="#" >other link</a>
<a href="#" >other link</a>

CSS:

.link_class:hover{
 font-family: 'default_font_family' !important;
}

すべてのアンカーに適用する場合:

CSS (大文字は使用しないでください):

a:hover{
 font-family: 'default_font_family' !important;
}

score 0 · Accepted Answer

その特定のフォント名に言及し、それaに追加!importantします。お気に入り：

font-family:Arial !important;

.specialまたは、ホバースタイルでクラス (たとえば ) を作成し、それを特定のに使用しaます。

.special:hover
{
    font-family:Arial;
}

私はPSLのソリューションが好きです。

score 0 · Accepted Answer

style属性を設定し、の値を設定して、の内容font-familyをオーバーライドできますcss。

<a style="font-family: arial"></a>

5 に答える 5