knockout.js css绑定 - 如何添加像焦点一样的元素状态？

Question

我知道如何添加css类，如：

 .active{
   //...style change
 }

使用与knockout.js的css绑定

它的工作原理如下：

 <div class='liveExample' data-bind='click: changeStyles, css:
 {selected:isSelected}'>
     Some Content
 </div>

但是我如何添加像

这样的元素状态类

.flat a:hover,
.flat a:hover:after, .flat a.active:after,
.flat a:focus{
    //style change
} 

使用knockout.js css-binding？

请帮忙！

Answer 1

如果:hover CSS选择器不起作用，请将事件绑定与mouseover和mouseout一起使用：http://knockoutjs.com/documentation/event-binding.html