html - 如何使用 CSS 旋转标签内的内容

Question

我无法在<a href=""></a>标签内进行旋转。

我有这个例如：

.rt {
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
}

.rt:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

<a class="btn btn-link ml-auto">SING UP <span class="rt">/</span> ENTER</a>

但是正斜杠没有任何反应。我可以将 .rt 添加到 a 标签，但我只希望正斜杠旋转。

标签： htmlcsscss-transitionstransform