javascript - 我如何确定 -webkit-transitions 指的是 :focus and some to :hover?

Question

在我的代码中，我希望我的 -webkit-transition: border 2s; 在悬停时引用，对于 -webkit-transition: border 2s;//: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 伪类上，您将根据要更改的内容更改该特定属性