css 中 action 關(guān)鍵字用于定義鼠標(biāo)懸停或激活元素時(shí)的行為,語(yǔ)法:element:action { style-property: value; }。它可以應(yīng)用于 :hover 和 :active 偽類,用于創(chuàng)建交互效果,如更改元素外觀、顯示隱藏元素或啟動(dòng)動(dòng)畫。
action 在 CSS 中的用法
action 關(guān)鍵字在 CSS 中用于定義鼠標(biāo)懸停和激活元素時(shí)的行為。它指定在指定事件發(fā)生時(shí)應(yīng)用的樣式。
語(yǔ)法:
<code>element:action {
style-property: value;
}</code>
登錄后復(fù)制
事件:
hover:鼠標(biāo)懸停在元素上時(shí)
active:元素被激活時(shí)(例如,按鈕被點(diǎn)擊時(shí))
用法:
action 關(guān)鍵字可用于創(chuàng)建各種交互效果,例如:
更改元素的背景顏色:
<code>button:hover {
background-color: #00FF00;
}</code>
登錄后復(fù)制
添加或刪除邊框:
<code>a:active {
border: 1px solid #FF0000;
}</code>
登錄后復(fù)制
更改元素的字體大小或樣式:
<code>h1:hover {
font-size: 1.5em;
font-weight: bold;
}</code>
登錄后復(fù)制
顯示隱藏元素:
<code>.hidden:hover {
display: block;
}</code>
登錄后復(fù)制
啟動(dòng)動(dòng)畫:
<code>.my-element:active {
animation: my-animation 2s infinite;
}</code>
登錄后復(fù)制
注意:
action 關(guān)鍵字只能用于 :hover 和 :active 偽類。
action 關(guān)鍵字的作用域僅限于定義的事件中。
可以使用多個(gè) action 關(guān)鍵字來(lái)指定元素在不同事件下的不同行為。






