CSS有兩種交互方式：hover和touch。hover通常是指鼠標懸停在元素上時的效果，而touch則是在移動設備上通過手指滑過元素時的效果。

/*hover*/
.box:hover{
color: red;
background-color: yellow;
}

上述代碼表示當鼠標懸停在class為.box的元素上時，文字顏色變為紅色，背景色變為黃色。

/*touch*/
@media (hover: none){
.box:hover{
color: initial;
background-color: initial;
}
.box:active{
color: red;
background-color: yellow;
}
}

上述代碼表示當設備支持touch時，取消鼠標hover效果，同時添加點擊激活效果，文字顏色變紅，背景色變黃。

需要注意的是，有些設備不支持hover事件，需要使用media query進行特殊處理，以提供更好的用戶體驗。