0

css スタイルが適用されたら、永続的に変更するべきではありませんか? 下記参照:

 <style>
div{width:100px;height:100px;background-color:red}
div:hover{background-color:black}
</style>

<body>
<div></div>
</body>

つまりhover、要素で発生すると要素の背景色が変更され、ホバー状態が要素のプロパティを変更したため、一度変更すると永続的に変更する必要があります。

私はまた、プロパティを永久に変更したケースを見てきました

4

2 に答える 2

2

いいえ、hoverこのスタイルは、マウスが要素の上に置かれたときにのみ適用されることを意味します。マウスが要素の上に置かれるのを止めるとすぐに、スタイルは以前のものに戻ります。

このような恒久的な変更を行う場合は、JavaScript が必要になる可能性があります。

于 2012-12-27T17:12:11.150 に答える
0

ezuk の答えは素晴らしいですが (それを受け入れてください)、私は退屈で、CSS だけを使用した非常に愚かな解決策を考えました。

HTML

<div>
  <span>hello</span>
</div>​

CSS

body, html {
  width: 100%;
  height: 100%;
}
div {
  display: inline-block;
  background-color: #eee;
}
div:hover {
  width: 100%;
  height: 100%;
}
div:hover > span {
  background-color: #555;
}

JSFiddleで見る

ブラウザ(またはiFrameなど)からマウスを離すまで機能します

:)

于 2012-12-27T17:20:03.987 に答える