Question

问题：我有一个页脚，我已设置为在桌面视图上工作。当页脚进入移动视图时，它会像我想的那样工作，期待文本。

文本使用在桌面视图而不是移动视图上设置的css。因此，当我想将所有文本与中心对齐时，我无法做到。它使用桌面css，这意味着第一行文本将向左浮动，边距为左：40px;等等。

我已尝试搞乱移动广告，但没有找到答案。我觉得我错过了一些重要的东西。有人可以解释我做错了什么并告诉我解决方案。会非常喜欢它！

<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:frens@frens.ee" target="_top">frens@frens.ee</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>

Answer 1

CSS中的语法无效

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

删除!important或将其更改为：

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

JsFiddle

如何在桌面css上优先处理移动css

1 个答案: