Html 禁用嵌套跨距上的文本选择（React/Electron）

我有一些嵌套跨距

<span>
 <span>Title</span>
 <span>Author</span>
 <span>Year</span>
</span>

然后在我的html中：

<span>
 <span class="unselectable">Title</span>
 <span>Author</span>
 <span class="unselectable">Year</span>
</span>

标题
作者
年

---

但它不起作用，我仍然可以选择一切。我使用的是React&electron，如果这有什么不同的话。

这里是相同的代码，谢谢。正如我在我的帖子中所说的，这在我的电子领域并不适用。

<span>
 <span class="unselectable">Title</span>
 <span>Author</span>
 <span class="unselectable">Year</span>
</span>