为什么CSS不影响标题?

发布于 2025-01-11 14:12:13 字数 660 浏览 0 评论 0原文

我正在开发一个 Wordpress 项目,当我手工编写静态 HTML 页面的所有内容时,CSS 工作正常。现在,当我在 WordPress 中执行此操作时,它似乎无法收到我的命令。

头文件如下:

<html>
<head>
<title>Simons sida</title>
<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri(). '/style.css' ?>">

</head>

<body>

<div id="ttr_header">
<h1>HEADER</h1>
</div>
<div class="container">

虽然侧边栏

#ttr_header {
    padding: 60px;
    text-align: center;
    background: #1abc9c;
    color: rgb(255, 255, 255);
    font-size: 30px;
  }

工作正常,但标题根本不受影响,所以我不明白我做错了什么。

I'm working on a Wordpress project, and when i wrote everything by hand for a static HTML page, the CSS worked fine. Now when i do it in wordpress, it seems to not get my commands.

The header file is as follows:

<html>
<head>
<title>Simons sida</title>
<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri(). '/style.css' ?>">

</head>

<body>

<div id="ttr_header">
<h1>HEADER</h1>
</div>
<div class="container">

While the external CSS for that is

#ttr_header {
    padding: 60px;
    text-align: center;
    background: #1abc9c;
    color: rgb(255, 255, 255);
    font-size: 30px;
  }

The sidebar works properly, but the header doesn't get affected at all, so i don't get what i'm doing wrong.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

ゃ懵逼小萝莉 2025-01-18 14:12:13
    #ttr_header h1 {
        padding: 60px;
        text-align: center;
        background: #1abc9c;
        color: rgb(255, 255, 255);
        font-size: 30px;
    }
<div id="ttr_header">
<h1>HEADER</h1>
</div>
<div class="container"></div>

更改选择器可能会有所帮助,因为您的目标是 div 而不是标题:

#ttr_header h1 {
    padding: 60px;
    text-align: center;
    background: #1abc9c;
    color: rgb(255, 255, 255);
    font-size: 30px;
}

    #ttr_header h1 {
        padding: 60px;
        text-align: center;
        background: #1abc9c;
        color: rgb(255, 255, 255);
        font-size: 30px;
    }
<div id="ttr_header">
<h1>HEADER</h1>
</div>
<div class="container"></div>

Changing the selector might help as you are targeting the div instead of the header:

#ttr_header h1 {
    padding: 60px;
    text-align: center;
    background: #1abc9c;
    color: rgb(255, 255, 255);
    font-size: 30px;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文