action 在 CSS 中的用法

action 关键字在 CSS 中用于定义鼠标悬停和激活元素时的行为。它指定在指定事件发生时应用的样式。

语法：

element:action {  style-property: value;}

事件：

• hover：鼠标悬停在元素上时
• active：元素被激活时（例如，按钮被点击时）

用法：

action 关键字可用于创建各种交互效果，例如：

• 更改元素的背景颜色：

button:hover {  background-color: #00FF00;}

• 添加或删除边框：

a:active {  border: 1px solid #FF0000;}

• 更改元素的字体大小或样式：

h1:hover {  font-size: 1.5em;  font-weight: bold;}

• 显示隐藏元素：

.hidden:hover {  display: block;}

• 启动动画：

.my-element:active {  animation: my-animation 2s infinite;}

注意：

• action 关键字只能用于 :hover 和 :active 伪类。
• action 关键字的作用域仅限于定义的事件中。
• 可以使用多个 action 关键字来指定元素在不同事件下的不同行为。

以上就是action在css中的用法的详细内容，更多请关注css网站其它相关文章！