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 關鍵字來指定元素在不同事件下的不同行為。
