为什么这个网站没有考虑 Wordpress 的自定义 CSS 样式？

Question

一位朋友创建了一个 Wordpress 网站，但该网站的标题存在定位问题。由于他对 Web 开发一无所知，我创建了两个样式声明来解决他的问题：

#site-title {
    line-height: 1.1em;
}

#site-description {
    margin-top: 5px;
}

他将这些行保存在 Wordpress 的自定义样式中。现在发生的情况是，这些行出现在标头标记内的源代码中：

<style id="wp-custom-css">
#site-title {
line-height: 1.1em;
}
#site-description {
margin-top: 5px;
}       </style>

但浏览器在呈现网站时不会考虑这些行。 （我也无法在开发者控制台中找到这些声明。）为什么这不起作用？

网站的域名是https://www.sabinerauscher.at

Answer 1

选择器和括号之间的空格是 Unicode 不间断空格：%A0。

如果将 CSS 转换为 Unicode，两个空格应该是 %20 时是 %A0。

<style id="wp-custom-css">#site-title {line-height: 1.1em;}#site-description {margin-top: 5px;}</style>

%3Cstyle%20id%3D%22wp-custom-css%22%3E%23site-title%A0%7Bline-height%3A%201.1em%3B%7D%23site-description%A0%7Bmargin-top%3A%205px%3B%7D%3C/style%3E

我在规范中找不到任何内容说您不能使用不间断空格，并且样式确实显示在 Firefox 的样式编辑器中，但样式不会影响页面。当我在您的页面的本地副本上更改为常规空间时，样式就会显示出来。