我试图理解为什么某些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页面中-我为忘记此问题的最重要方面而表示歉意
答案 0 :(得分:0)
可能是本地环境的相对路径与服务器上的相对路径有关。尝试根据服务器将文件路径更改为绝对/完整路径。另外,任何CSS格式都可以使用吗?例如,
相对路径 /files/style.css