仅 Linux 服务器上的奇怪 css 行为

编程问答 2022-05-14

问题描述

我最近一直在尝试全栈 Web 开发，但在我用来托管的 linux 服务器上遇到了一些奇怪的行为。

我知道从 windows localhost 转到托管的 linux 服务器有时会导致导入其他文件时出现问题（由于区分大小写），但我以前从未让它影响过我的 CSS 的功能。

简而言之，当我在本地主机上时，登录页面应该看起来像 this（表单标题颜色发生变化）但更改为这个（参见 hosted page 的登录表单）主持。 奇怪的是，它不会影响同一个 stylesheet 中的所有选择器，只会影响那些具有 .class .class2 格式（和 .modalFormsRGB，出于某种原因）的选择器。

至于我如何在 HTML 中使用 css：

<div id="loginForm" class="w3-modal">
<div class="w3-modal-content w3-card-4">
    <header class="w3-container modalFormsRGB w3-center w3-padding-32">
        <span onclick="document.getElementById('loginForm').style.display='none'" class="w3-button w3-xlarge w3-display-topright w3-round-large marginalise">&times</span>
        <h2 class="w3-wide">Login to Your Account</h2>
        <p>New? Register <a href="javascript:undefined" onclick="switchModal()">here</a></p>
    </header>
    <div class="w3-container modalFormsBody">
        <form>
            <p><label><i class="fa fa-user"></i> Username:</label></p>
            <input class="w3-input w3-border" type="text" placeholder="Username">
            <p><label><i class="fa fa-key"></i> Password:</label></p>
            <input class="w3-input w3-border" type="text" placeholder="Password">
            <button class="w3-button w3-block w3-teal w3-padding-16 w3-section w3-large">Login <i class="fa fa-check"></i></button>
        </form>
    </div>
</div>

任何帮助将不胜感激，我花了过去 4 个小时试图解决这个问题，但无济于事 - 我确信我只是从根本上误解了 css 的实现方式，但是 css 验证器没有发现任何东西所以我来了！

编辑：我不明白......在这里发布后 1 分钟，托管页面的 css 开始工作，没有对服务器进行任何更改，每次更新后我都在清除缓存......这令人不安它在不知道如何修复的情况下被修复

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

htmllinuxlinuxw3.css