WordPress 页面 CSS 不工作 - CSS

如果你在 WordPress 网站上创建了一个新页面，但是在页面上应用的 CSS 样式不起作用，这可能是任何问题造成的。在这篇文章中，我们将讨论可能导致 CSS 不起作用的问题以及如何解决它们。

原因

以下是导致 WordPress 页面上的 CSS 不起作用的原因：

1. 缓存问题 - 当你正在使用缓存插件时，可能会看到 CSS 更改未及时显示的情况。确保你清除了缓存，并使其不再阻塞 CSS 文件的加载。
2. CSS 文件路径错误 - 如果 CSS 文件的路径不正确或者文件本身不在适当的位置，可能会导致 CSS 样式不起作用。
3. WordPress 主题的问题 - 如果主题已损坏或不兼容，这可能会导致在页面上应用的 CSS 样式不起作用。
4. 其他插件的问题 - 另一个插件可能干扰了页面上的 CSS 样式，导致样式无法正常应用。

解决方法

以下是解决 WordPress 页面 CSS 不工作的问题的方法：

1. 缓存问题

如果你使用缓存插件，请尝试在更改 CSS 之后清除 WordPress 网站的缓存。如果这样做没有解决问题，试试禁用缓存插件并重新加载页面。

2. CSS 文件路径错误

如果路径错误，请确认 CSS 文件存在于正确的位置。在 WordPress 管理面板中的编辑器中查看页面的 HTML 代码，以确定 CSS 文件的正确路径。你还可以检查主题的 functions.php 文件中是否引入 CSS 文件。

3. WordPress 主题的问题

确保你的主题没有损坏或不兼容，可能需要切换到一个基本的默认 WordPress 主题来排除这些问题。如果这样做找到了问题，建议你更改为另一个 WordPress 主题，或与主题开发人员联系以了解是否可以修复该主题。

4. 其他插件的问题

禁用其他插件，重新加载页面进行测试，看看是否解决了问题。如果是其他插件引起的，你可以一个一个地启用插件并查找哪个插件捣乱。

结论

如果在 WordPress 网站上创建页面时遇到 CSS 样式未起作用的情况，有多种可能的原因。以上列出的方法可以帮助你诊断问题并寻找解决方法。

### 示例代码片段

```html
<link rel="stylesheet" type="text/css" href="http://example.com/style.css">

function wp_enqueue_styles_scripts() {
    wp_enqueue_style('style', get_template_directory_uri().'/style.css');
}
add_action('wp_enqueue_scripts', 'wp_enqueue_styles_scripts');

<script>
    document.getElementById("someEl").style.color = "red";
</script>

#someEl {
    color: red;
}

$ rm -rf cache

SELECT * FROM users WHERE username='admin'