CSS可以在本地正常运行,但不能在Wordpress页面上运行

时间:2018-09-05 19:33:28

标签: css wordpress advanced-custom-fields

我试图理解为什么某些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页面中-我为忘记此问题的最重要方面而表示歉意

1 个答案:

答案 0 :(得分:0)

可能是本地环境的相对路径与服务器上的相对路径有关。尝试根据服务器将文件路径更改为绝对/完整路径。另外,任何CSS格式都可以使用吗?例如,

相对路径     /files/style.css

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

相关问题