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

1

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

你目前的代码

<!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

挑战的链接：

2

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

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

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

image
image771×612 21 KB

4

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

5

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

<!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>
6

image
image1115×920 38.2 KB

7

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

8

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