CSS媒體查詢是一種很有用的技術，可以讓網站根據不同的設備或屏幕尺寸展現不同的樣式。但是，如何設置媒體查詢的優先級可以影響到網站的外觀和功能。

首先，需要知道CSS樣式表中樣式的優先級排序：!important >行內樣式 >ID選擇器 >類選擇器、屬性選擇器、偽類選擇器 >標簽選擇器、偽元素選擇器 >通配選擇器。這個順序是指同樣的樣式屬性被多個選擇器選中時的優先級。

然后，我們需要了解在媒體查詢中，同樣的樣式屬性被不同的媒體查詢選中時的優先級。比如，我們設置了以下兩個媒體查詢：

@media (max-width: 767px) {
div {
background-color: red;
}
}
@media (min-width: 768px) {
div {
background-color: blue;
}
}

這段代碼表示當屏幕寬度小于767像素時，div元素的背景色為紅色；當屏幕寬度大于等于768像素時，div元素的背景色為藍色。如果用戶使用的設備屏幕寬度為750像素，那么該怎么辦呢？

根據之前的優先級排序，最后應用的樣式是在最后面的媒體查詢中設置的樣式。因此，此時div元素的背景色是紅色，而不是藍色。

那么，如何解決這個問題呢？可以通過使用@media條件下的邏輯運算符來設置更具體的媒體查詢條件。如下示例代碼：

@media (max-width: 767px) and (min-width: 320px) {
div {
background-color: red;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
div {
background-color: blue;
}
}

在這個示例代碼中，第一個媒體查詢語句表示當屏幕寬度小于767像素且大于320像素時，div元素的背景色為紅色；第二個媒體查詢語句表示當屏幕寬度大于等于768像素且小于等于1024像素時，div元素的背景色為藍色。這樣，無論用戶使用什么尺寸的設備，div元素的背景色都可以正確地顯示。

所以，媒體查詢的優先級設置非常重要。通過設置更具體的媒體查詢條件，可以確保CSS樣式被正確地應用到不同的設備上。