如何选择<span>内部<h1>

我需要定位跨度的内容，而不是嵌套的H1内容有人知道这是怎么可能的吗？ - 下降是一个简单的示例：谢谢

<html> 
   <div> 
      <h1>MainTitle <span>SubTitle </span> </h1> 
   </div> 
</html>

如果要使用CSS选择，请使用h1 span {}这样：

h1 span {
 color: blue;
 font-size: 20px;
}

<html> 
   <div> 
      <h1>MainTitle <span>SubTitle </span> </h1> 
   </div> 
</html>

使用JavaScript，我想您必须在跨度标签中添加ID。我不知道其他方法。这是要显示的代码：

document.getElementById("h1span").style.color = "blue";
document.getElementById("h1span").style.fontSize = "20px";

<html> 
   <div> 
      <h1>MainTitle <span id="h1span">SubTitle </span> </h1> 
   </div> 
</html>

相关内容