通过编写咖啡店菜单学习基础 CSS - 步骤 12

告诉我们发生了什么:
在此详细描述你的问题。

你目前的代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
    <style>
      h1 {
        text-align: center;
      }
    </style>
  </head>
  <body>
    <main>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </body>
</html>

你的浏览器信息:

用户代理是: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

挑战: 通过编写咖啡店菜单学习基础 CSS - 步骤 12

挑战的链接:

根据题意,为 h2 和 p 元素分别添加一个选择器,所以这里应该是:

   <style>
      h1 {
        text-align: center;
      }
      h2 {
        text-align: center;
      }
      p {
        text-align: center;
      }
    </style>
1 Like

我就是这样做的,可还是不对

看报错是你加了一个新的 <style></style> ,可以把你新写的代码全部粘贴到这里吗?

你好,这是我写的全部的代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
<style>
      h1 {
        text-align: center;
      }
      h2 {
        text-align: center;
      }
      p {
        text-align: center;
      }
    </style>
</head>
  <body>
    <main>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </body>
</html>

我直接复制你的代码,是可以顺利通过的,建议你重置题目或者清理浏览器缓存再试试呢。

是吧,那应该是系统的问题了,很奇怪,尝试了很久实在找不到原因!
谢谢你的耐心回答!我清理下浏览器看看吧!