为什么CSS过渡不适用于：target？

Question

CSS代码。

   div{
        background-color: white;
    }
   :target{
        background-color: whitesmoke;
        transition:background-color 1s linear;
    }

转换无法与目标div一起使用，为什么？动画可以在这里工作吗？

Answer 1

要在CSS中过渡，您需要这样的东西：

div#sample {
  background-color: #111;
  transition: 1s;
}

div#sample:hover {
  background-color: #aaa;
}

<div id="sample">TEST</div>

过渡时间在CSS中指定，不带：hover，更改在div＃sample：hover中指定。