Question

一旦应用后，css样式是否应该永久更改？见下文：

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

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

我的意思是说，当元素上出现hover时，元素的背景颜色会发生变化，一旦更改，它应该永久更改，因为悬停状态已经改变了元素的属性。

我也看到了永久改变财产的案件

Answer 1

不，hover表示仅当鼠标悬停在元素上时才应用此样式。只要鼠标停留在元素上方，样式就会恢复到以前的状态。

如果您希望进行此类永久性更改，则可能需要使用JavaScript。

Answer 2

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;
}

View on JSFiddle

直到您将鼠标移出浏览器（或iFrame或其他）

：）

css如何应用其样式属性

2 个答案:

HTML

CSS