如何在span中更改span的css？

我希望第4条有一个字体系列，新闻有另一个。我怎样才能做到？当我将字体族放在第一个和第二个上时，继承它

<span><span class="useWord-first">News</span> Article 4</span>

新闻文章4

在父

span

元素上设置CSS，然后通过使用更具体的选择器来设置嵌套

的样式来覆盖该CSS。首先使用Word

元素

例如：

span{
颜色：#f00；
字体系列：monospace；
}
span>首先使用Word{
颜色：#00f；
字体系列：arial；
}

---

新闻文章4

您可以将后代选择器与子类一起使用，以尽可能具体：

span {
  font-family: sans-serif;
}
span > span.useWord-first {
  font-family: Arial;
}

小提琴：你可以试试

span {
  color: #000000;
  font-family: sans-serif;
  font-size:18px;
}
span > span.useWord-first {
  color: #000000;
  font-family: arial;
  font-size:18px;
}

就是这样：）我可以接受你9分钟的回答