0

!importantホバー スタイルを有効にするには、プロパティを使用する必要がありました。!important以下のコードは、プロパティを含めないと機能しません。何故ですか？

動かないコード

#sbw a.content_copy:link {
    color: #F12B63;
    padding: 10px;
}

#sbw a.content_copy:visited {
    color: #F12B63;
    padding: 10px;
}

#sbw a.content_copy:hover {
    color: #ffffff;
    background-color: #F12B63;
    padding: 10px;

}

作業コード

#sbw a.content_copy:link {
    color: #F12B63;
    padding: 10px;
}

#sbw a.content_copy:visited {
    color: #F12B63;
    padding: 10px;
}

#sbw a.content_copy:hover {
    color: #ffffff !important;
    background-color: #F12B63;
    padding: 10px;

}
4

2 に答える 2

1

:visitedおよびを使用したルールは、:linkより具体的に見える場合があります。

あなたはこれを行うことができます：

#sbw a.content_copy:hover, #sbw a.content_copy:visited:hover, #sbw a.content_copy:link:hover {
    color: #ffffff;
    background-color: #F12B63;
    padding: 10px;
}
于 2013-01-04T09:23:07.990 に答える
1 
color: #ffffff !important;

これは、ホバー時の色#ffffffが常に適用されることを保証するだけです。例えば ​​：-

p { color: red !important; }
 p { color: blue; }

2 行目の CSS に関係なく、paragraph色は常に赤になります。

使用する理由!important 最初の行にスタイルを追加し、後で 同じ要素に再度追加し
たページの css を書いているとし ます。最初のスタイルはなくなり、常に 2 番目のスタイルがブラウザーによって適用されます。したがって、スタイルを追加すると、ブラウザはそれのみに固執するようになります。p { color: red ;}p { color: blue;}!important

于 2013-01-04T09:40:49.827 に答える