[封装时CSS动画不播放

Question

我正在尝试向我的社交网络图标添加链接（请参见此处的代码：https://codepen.io/denis-h-non/pen/ExjrgYP），所以我将我的代码封装到a中，但是当我这样做时，css delay（下面的代码）不再起作用了，所以它们同时出现。如果删除标签，它将再次起作用，该怎么办？预先感谢，

.container i:nth-of-type(1) {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

.container i:nth-of-type(2) {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

Answer 1

由于您已将图标放置在锚点内，因此您需要通过以下方式更改css：