如何確定移動css優先於桌面css

問題：我有一個頁腳，我已經設置爲在桌面視圖上工作。當頁腳進入移動視圖時，它就像我想要的那樣工作，期望文本。如何確定移動css優先於桌面css

該文本使用在桌面視圖而不是移動視圖上設置的css。所以當我想把所有的文字對齊到中心時，我都不能。它使用桌面css，這意味着文本的第一行將向左浮動，左邊：40px;等等。

我已經嘗試了與移動的CSS混亂，並沒有找到答案。我覺得我錯過了一些重要的東西。有人可以解釋我做錯了什麼，並向我展示解決方案。會非常appriciate！

<div class="footer"> 
     <div class="footer_info"> 
      <div class="footer_contact"><b>TEL:</b> 6 979 200; <b>E-Post:</b> <a class="footer_email" href="mailto:[email protected]" target="_top">[email protected]</a></div> 
      <div class="footer_links"><a href="#" class="footer_frens_link">Frens Catering</a>; <a href="#" class="footer_shop_link">E-Pood</a></div> 
      <div class="footer_rights">© Kõik õigused kaitstud. Frens 2017</div> 
     </div> 
</div>

來源

2017-08-15 CrimzonWeb

您有無效的語法在CSS

.footer_contact !important{ 
    float:none; 
    text-align: center; 
}

刪除!important或將其更改爲：

.footer_contact{ 
    float:none !important; 
    text-align: center; 
}

JsFiddle

來源

2017-08-15 11:41:46 user3284463

哦！說得通。所以你不能在整個班級中使用！有趣！這樣可行。謝謝！ :) – CrimzonWeb

我認爲你甚至可以在這種情況下完全刪除重要的東西！？ – VA79

如何確定移動css優先於桌面css

回答

相關問題