Javascript 如何在Next.js中设置默认头标记的样式_Javascript_Reactjs_Next.js

Javascript 如何在Next.js中设置默认头标记的样式

javascript reactjs next.js

Javascript 如何在Next.js中设置默认头标记的样式,javascript,reactjs,next.js,Javascript,Reactjs,Next.js,我刚刚用CreateNext应用程序创建了一个基本页面，我正在尝试设计index.js页面的样式。在这样做的同时，我在标题中添加了一个条，并尝试对其进行样式设置我想知道是否有办法在Next.js中设置自定义标记的样式。我希望标签的样式如下所示：在Index.js中不幸的是，我不太确定如何将选择器应用于头部组件及其子组件，以及这样做是否有意义。我意识到这个问题可能没有意义，所以如果这听起来过于天真，我希望你能理解如果能得到任何指导，我将不胜感激。谢谢包含元数据，如浏览器选项卡中显示的

我刚刚用CreateNext应用程序创建了一个基本页面，我正在尝试设计index.js页面的样式。在这样做的同时，我在标题中添加了一个条，并尝试对其进行样式设置

我想知道是否有办法在Next.js中设置自定义标记的样式。我希望标签的样式如下所示：

在Index.js中

不幸的是，我不太确定如何将选择器应用于头部组件及其子组件，以及这样做是否有意义。我意识到这个问题可能没有意义，所以如果这听起来过于天真，我希望你能理解

如果能得到任何指导，我将不胜感激。谢谢

包含元数据，如浏览器选项卡中显示的标题、样式表链接，以及有关手机等高分辨率手机应如何呈现页面的信息，例如，页面是否设计为与之相适应，是否应缩小并显示桌面视图

不允许包含nav或ul等内容

它们必须是body元素的后代

将nav元素移动到它所属的位置，就不需要设置head元素的样式。

下一个.js元素用于将标记附加到文档的头部。因此，添加任何可见的html元素是没有意义的。它基本上只用于元数据和加载其他脚本/外部文件

您可以在此处阅读有关Next.js Head元素的更多信息：

您可以在此处阅读有关html head元素的更多信息：

<Head>
  <nav>
    <ul>
      <li> A line </li>
      <li> Another line </li>
    </ul>
  </nav>
  <title>A title</title>
</Head>

Head {
  color: red;  
}