CSS 在本地运行良好但在 Wordpress 页面上运行不佳

Question

我试图理解为什么某些 CSS 对我不友好——我在弄乱这个代码笔:

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 页面内 - 我很抱歉忘记了这个问题最重要的方面

Answer 1

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

相对路径 /文件/style.css

绝对路径 http://www.yoursite.com/files/style.css