CSS：没有指定背景的透明文本

Question

我有一个带渐变背景的导航栏，<nav>带有一系列链接。

当用户在某个页面上时，我会以不同方式设置与该页面对应的链接和列表项。然而，我无法弄清楚如何使文本透明，使其看起来像<nav>渐变的剪切 - 以便父{{1}的背景对文本很清楚）。

我从this这样的答案中知道协议要指定

<li>

并相应地定位图像，使其看起来与背景对齐。

如何调整链接的渐变，使其看起来与background: url("image"); -webkit-text-fill-color: transparent; -webkit-background-clip: text; 一致？或者，是否可以使文本透明而不用指定背景？

＆＃13;

＆＃13;

<nav>

＆＃13;

nav { 
  background:linear-gradient(to left, black, red, white);
  height: 100px;
  vertical-align: center;
  maring: 0; 
  line-height: 100px;
  font-size: 20px;
}

li {
  display: inline;
  padding: 20px;
}

li.selected { 
  background-color: white; 
}

li.selected a {
  background: linear-gradient(to left, black, red, white);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text; 
}

ul { 
  list-style: none;
}

＆＃13;

＆＃13;

＆＃13;