CSS可以在本地正常工作，但不能在Wordpress页面上工作

我正在试图理解为什么一些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页面中提到这一点-很抱歉，我忘记了这个问题最重要的方面

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

相对路径 /文件/style.css

绝对路径

---

我认为这与godaddys服务器无关，但与您指向css文件的链接（如果它不与该文件内联）有任何javascript错误吗？你是如何添加css和js代码的？都是内联的-我不理解选择器ID和+符号的用法…这是失败的。Javascript正在运行，没有错误-但是当我在输入框中输入信息时，CSS不会被应用。它都是内联的。同样的文件在我的本地机器上运行——但是服务器上的文件不识别这行CSS