选项1

将嵌套在.signup-choose-card-content元素中的特定元素作为目标。

.signup-choose-card-content .signup-choose-subtitle,
.signup-choose-card-content .signup-choose-list li {
  font-family: "M+1C", Roboto, sans-serif;
}

请参见下面的片段。

.signup-choose-card-content .signup-choose-subtitle,
.signup-choose-card-content .signup-choose-list li {
  font-family: "M+1C", Roboto, sans-serif;
  color: red;
}

<div class="signup-choose-card-content">
  <p class="signup-choose-subtitle" translate="">Easy registration in 15 seconds! Play now!</p>
  <p class="signup-choose-text-highlight">Lite</p>

  <ul class="signup-choose-list">
    <li translate="">No identity verification required</li>
    <li translate="">Over 2,000 games</li>
  </ul>
</div>

选项二

通过使用直接子选择器（即>）来定位.signup-choose-card-content元素中的所有元素，除了类为signup-choose-text-highlight的段落。

.signup-choose-card-content > :not(p.signup-choose-text-highlight) {
  font-family: "M+1C", Roboto, sans-serif;
}

请参见下面的片段。

.signup-choose-card-content > :not(p.signup-choose-text-highlight) {
  font-family: "M+1C", Roboto, sans-serif;
  color: red;
}

<div class="signup-choose-card-content">
  <p class="signup-choose-subtitle" translate="">Easy registration in 15 seconds! Play now!</p>
  <p class="signup-choose-text-highlight">Lite</p>

  <ul class="signup-choose-list">
    <li translate="">No identity verification required</li>
    <li translate="">Over 2,000 games</li>
  </ul>
</div>

根据你的描述，你可能希望它这样（我添加了border-property，以便在开发过程中更好地显示）：

.signup-choose-card-content > .signup-choose-list li,
.signup-choose-card-content > .signup-choose-subtitle {
        border: 4px solid red ;

}

使用child combinator，你可以选择类/元素等的直接子元素，请看这里：https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator
子组合符（>）位于两个CSS选择器之间。