```css
#my-button {
background-color: #ff6600;
color: #fff;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
#my-button:hover {
background-color: #f04f00;
#my-button:active {
background-color: #004f00;
在這些代碼中，id為my-button的元素被定義了一個background-color屬性，并添加了一個padding和border元素。當鼠標懸停在該元素上時，它會被定義為hover狀態，而在鼠標懸停期間移動到該元素時，它會被定義為active狀態。
除了id和類名，action還可以使用變量和函數來實現更復雜的動作。例如，可以使用變量來定義一個按鈕在不同狀態時的樣式，如下所示：
```css
#my-button {
background-color: #ff6600;
color: #fff;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
#my-button:hover {
background-color: #f04f00;
#my-button:active {
background-color: #004f00;
#my-button:active(hover) {
background-color: #004f00;
#my-button[data-action] {
background-color: #ff6600;
color: #fff;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
#my-button[data-action]:hover {
background-color: #f04f00;
#my-button[data-action]:active {
background-color: #004f00;
#my-button[data-action][data-action] {
background-color: #ff6600;
color: #fff;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
在這個例子中，data-action屬性被添加到#my-button元素上，它定義了該元素在不同狀態時的樣式。通過使用data-action屬性，可以定義一個按鈕的不同狀態，并通過使用[data-action]標簽包裹元素來引用該屬性。
除了使用變量和函數，action還可以使用事件監聽器來實現交互式效果。例如，可以使用事件監聽器來監聽點擊事件，并根據點擊事件的類型來執行不同的操作，如下所示：
```css
#my-button {
background-color: #ff6600;
color: #fff;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
#my-button:hover {
background-color: #f04f00;
#my-button:active {
background-color: #004f00;
#my-button:active-on-click {
background-color: #004f00;
#my-button:active-off-click {
background-color: #ff6600;
#my-button[data-action] {
background-color: #ff6600;
color: #fff;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
#my-button[data-action]:hover {
background-color: #f04f00;
#my-button[data-action]:active {
background-color: #004f00;
#my-button[data-action][data-action] {
background-color: #ff6600;
color: #fff;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
在這個例子中，當#my-button元素被鼠標懸停在上時，它會被定義為hover狀態，而當它被鼠標懸停在上時，點擊該元素時，它會被定義為active狀態。通過使用data-action屬性和事件監聽器，可以定義一個按鈕的不同狀態，并實現交互式效果。