我如何确定-webkit-transitions参考：focus和some to：hover？

Question

在我的代码中，我希望我的-webkit-transition: border 2s;引用悬停，并让-webkit-transition: border 2s; // a different colored border on :focus引用焦点。我怎么做？它需要JavaScript吗？

Answer 1

selector {
   border: 1px red solid;
   -webkit-transition: border 2s;
}
selector:hover { border: 5px red solid; }
selector:focus { border: 1px green solid; }

在选择器中指定border速记属性以及仅更改该特定属性的转换

因此，在hover和focus伪类上，您将根据要更改的内容更改该特定属性

Answer 2

*selector:hover {
    -webkit-transition: 2s; }

*selector:focus {
    -webkit-transition: border 2s; }

非常基本的CSS。