CSS 在本地运行良好，但在 WordPress 页面上却不行答案

【问题标题】：CSS Works Fine Locally But Not on Wordpress PageCSS 在本地运行良好，但在 WordPress 页面上却不行
【发布时间】：2019-02-11 00:27:42
【问题描述】：

我试图理解为什么某些 CSS 对我不友好 - 我在搞乱这个 codepen：

https://codepen.io/arcs/pen/OmZaex

当您在输入中输入信息时，标签会向上移动并移开。

我几乎肯定这行 CSS 正在发挥作用：

#inputContainer input:valid + #inputLabel {   
top: -15px;   
font-size: 11px;   
font-weight: normal;   
color: #9e9e9e; 
}

我以前从未见过这种约定，当我尝试在 Wordpress 页面上使用它时，不会触发这种 CSS 状态。

CSSLint 也将其声明为无效。

那里的任何 CSS 专家都知道如何在 Wordpress 页面上完成这项工作……或者至少知道为什么它不工作？

编辑：我没有提到这是在 Wordpress 页面内 - 我很抱歉忘记了这个问题可能最重要的方面

【问题讨论】：

我认为这与 godaddys 服务器无关，但与您指向 css 文件的链接有关（如果它不与文件内联）
任何 javascript 错误？你是怎么添加css和js代码的？
都是内联的——我不明白选择器 ID 和 + 号的使用......这是失败的。 Javascript 正在运行且没有错误 - 但是当我在输入框中输入信息时，CSS 没有得到应用。

【解决方案1】：

本地环境的相对路径与它们在服务器上的位置可能存在问题。尝试根据服务器将文件的路径更改为绝对/完整路径。另外，是否有任何 css 格式有效？例如，

相对路径 /files/style.css

【讨论】：