Javascript 样式化问题和访问子对象

然而，我不能正确地访问那个跨度。我们不能创建两个跨度并将它们放在div中，因为这会在两条不同的线上拉屎。 这不是我们能做的

    scoreContainer {
      display: "flex",
      flexDirection: "column",
      justifyContent: "center",
      alignItems: "flex-end",
      "&>span:first-child": {
      fontWeight: 520,
      },
      "&>span:second-child":{
      fontWeight:10,
      },
      "&>span:nth-child(2)": {
      fontWeight: 300,
      fontSize: "2vh",
      }
    }

数据1
数据2

---

正如@Mukyuu所建议的，上面是

div

中第一（也是唯一）子

span

内部

span

的选择器，我注意到

span

内部还有另一个

span

。您不能用

>span>
访问第二个
span
吗？
    scoreContainer {
      display: "flex",
      flexDirection: "column",
      justifyContent: "center",
      alignItems: "flex-end",
      "&>span:first-child": {
      fontWeight: 520,
      },
      "&>span:second-child":{
      fontWeight:10,
      },
      "&>span:nth-child(2)": {
      fontWeight: 300,
      fontSize: "2vh",
      }
    }

    <div>
      <span>data1</span>
       <span>data2</span>
    </div>

"&>span>span":{
    fontWeight:10,
    /* fontWeight: 300, don't know if you need 10 or 300 */
    fontSize: "2vh",
}