小编Bri*_*ian的帖子

所以我正在创建一个带有样式组件的页脚，我们不像在普通 css 中那样使用类。

如果我想在下面的代码中复制相同的 CSS 技巧

  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
   }

我将如何在样式组件中复制它？这甚至是正确的方法吗？

或者我是否需要创建一个 App.css 文件并将其添加到我的项目中？

这是 react 中样式组件的典型代码

 import styled from 'styled-components/macro';

 export const Container = styled.div`
 padding: 80px 60px;
 background: black;
 font-family: 'Nunito Sans', sans-serif;

@media (max-width: 1000px) {
  padding: 70px 30px;
}
`;

是否可以将 * { box-sizing} 代码添加到我的样式组件中，或者在我的项目中实现它的正确方法是什么？

有没有办法code .在当前 VSCode 窗口中使用打开 VSCode？

每当我在 VSCode 中打开一个新窗口并打开 VSCode 内部的终端并创建我的项目然后使用 时code .，它总是会打开一个全新的 VSCode 窗口，而不是仅在当前窗口中加载。

我不明白为什么它不直接加载到当前的 VSCode 窗口中，而不是打开一个全新的 VSCode 窗口？

目前，每当我单击导航菜单项时，它们都会突出显示，但我希望 HTML 中的整个部分都有突出显示的背景，因此当用户滚动浏览网站时，它会根据以下内容自动突出显示导航菜单项他们正在滚动浏览的部分

这是我试图用我的代码实现的 codepen 示例 https://codepen.io/joxmar/pen/NqqMEg

这是我在 Jsfiddle https://jsfiddle.net/hzg02k3n/中当前的登陆页面

正如您从我的 jsfiddle 中看到的，当我单击时，链接会突出显示，但每当我滚动该部分时，我都需要它变为活动状态。

下面是我当前的 HTML 代码

<header class="page__header">
      <nav class="navbar__menu">
        <!-- Navigation starts as empty UL that will be populated with JS -->
        <ul id="navbar__list"></ul>
      </nav>
    </header>
    <main>
      <header class="main__hero">
        <h1>Landing Page</h1>
      </header>
<section id="section1" data-nav="Section 1" class="active">
        <div class="landing__container">
          <h2>Section 1</h2>
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi
            fermentum metus faucibus lectus pharetra dapibus. Suspendisse
            potenti. Aenean aliquam elementum mi, ac euismod augue. Donec eget …