對於當前項目，我嘗試使用觸摸屏移除設備上的懸停效果。我的計劃是使用@media handheld { /* non-hover styles here */ }，粘貼在我的css文件中，其上有:hover，然後刪除所有懸停效果。@media手持設備 - 無懸停效果
例子：
/* desktop */
a.my_element {
color : #ff0000;
}
a.my_element:hover {
color : #000000;
}
/* handheld devices */
@media handheld {
a.my_element:hover {
}
}
是我的邏輯是否正確？這會工作嗎？
嘗試以下操作：
HTML
<a href="#" class="my_element"> example </a>
CSS
a.my_element {
color : #ff0000;
}
a.my_element:hover {
color : #000000;
}
/* handheld devices */
@media (max-width: 480px){
a.my_element:hover {
color: #ff0000;
}
}
這將幾乎用在460px的媒體查詢樣式懸停爲彩色，彷彿完全一樣它沒有被徘徊（最終創造你想要做的）。
但是爲什麼我不能只添加一個空的a.my_element：hover？效果應該是一樣的...... – Malasorte
但事實並非如此，只是因爲你沒有指定在這個寬度上會發生什麼。如果您沒有放入任何內容，則媒體查詢不會執行任何操作，因爲您沒有指定它。但是，如果添加要變爲的顏色，則媒體查詢可以確認並執行CSS。基本上增加一個EMPTY空間與之前保持相同的懸停效果。 – BuddhistBeast
謝謝，我現在明白了！ – Malasorte
你需要明確說明您想在查詢中刪除懸停效果。 – BuddhistBeast
我不明白（？） - 我想刪除站點範圍內的所有懸停效果。 – Malasorte