Javascript 我如何确定webkit的转换是指：焦点和一些到：悬停？

在我的代码中，我想要我的

-webkit转换：border 2s在悬停时参考，对于
-webkit转换：border 2s；//在：focus
上使用不同颜色的边框以表示焦点。我该怎么做？它需要JavaScript吗

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

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

非常基本的CSS

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

在选择器中，指定一个
边框
速记属性和一个仅会更改该特定属性的转换

因此，在
悬停
和
聚焦
伪类上，您将根据您想要更改的内容更改特定属性
谢谢，我是CSS3的新手。编辑：我投了赞成票，而不是反对票。嘿，这没用。看看会发生什么，它就像一个5px的黑色边框；我不想这样，它能。。。。（）您没有看到任何变化，因为您已将两个边界设置为基本相同。眼睛无法分辨1像素黑色边框和1像素深蓝色边框之间的区别。