我试图理解为什么有些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页面内 - 我为忘记这个问题最重要的方面而道歉
可能会问到本地环境的相对路径与服务器上的相对路径。尝试根据服务器将文件路径更改为绝对路径/完整路径。此外,任何CSS格式是否有效?例如,
相对路径/files/style.css