css 中 action 關鍵字用于定義鼠標懸停或激活元素時的行為，語法：element:action { style-property: value; }。它可以應用于 :hover 和 :active 偽類，用于創建交互效果，如更改元素外觀、顯示隱藏元素或啟動動畫。

action 在 CSS 中的用法

action 關鍵字在 CSS 中用于定義鼠標懸停和激活元素時的行為。它指定在指定事件發生時應用的樣式。

語法：

<code>element:action {
  style-property: value;
}</code>

事件：

hover：鼠標懸停在元素上時

active：元素被激活時（例如，按鈕被點擊時）

用法：

action 關鍵字可用于創建各種交互效果，例如：

更改元素的背景顏色：

<code>button:hover {
  background-color: #00FF00;
}</code>

添加或刪除邊框：

<code>a:active {
  border: 1px solid #FF0000;
}</code>

更改元素的字體大小或樣式：

<code>h1:hover {
  font-size: 1.5em;
  font-weight: bold;
}</code>

顯示隱藏元素：

<code>.hidden:hover {
  display: block;
}</code>

啟動動畫：

<code>.my-element:active {
  animation: my-animation 2s infinite;
}</code>

注意：

action 關鍵字只能用于 :hover 和 :active 偽類。
action 關鍵字的作用域僅限于定義的事件中。
可以使用多個 action 關鍵字來指定元素在不同事件下的不同行為。