3

なぜこれが機能するのかわかりません：

.button:active {
    position:relative;
    top: 2px;
    left:2px;
}

しかし、これは機能しません：

.button:hover { 
    font-size:17px;
}

idを使用すると機能しますが、すべてのボタンでアクティブにする必要があります。

#btnhome:hover{
    font-size:17px;
}

これは問題なく動作しますが、クラスでは機能しませんか？私は何が間違っているのですか？

4

4 に答える 4

2

を使用するidと、それが機能するので、何かが特異性と関係があることを確認してください、乗り越えて、これを試してください

デモ

デモ+！重要

.button:hover { 
    font-size:17px !important; /* Actually you don't even need !important */
}
于 2012-12-25T20:42:07.090 に答える
0

試す：
.button *:hover { font-size:17px; }

于 2012-12-25T20:38:55.633 に答える
0

間違いなく、定義されているリンクタグを使用して外部の.cssファイルが含まれています.button:hover {font-size:somethingelse !important;}。そのため、！importantを再度使用しない限り、変更することはできません。

于 2012-12-25T20:55:58.290 に答える
0

特異性です。IDは疑似スタイルよりも優先されます。より一般的なCSSを書き直して、IDに一意の値のみを設定するか、IDと疑似セレクターを使用する必要があります。

IDから一般的なものを取得し、それらを基本の.buttonクラスに移動しました。

.button{
    width: 84px;
    height: 46px;
    background-color:#000;
    border: none;
    color: white;    
    font-size:14px;
    font-weight:700;
}
.button:hover { 
     font-size:17px;
}

このフィドルをチェックして、実際の動作を確認してください：http: //jsfiddle.net/kJfmR/

于 2012-12-31T17:43:31.567 に答える