javascript - knockout.js css 绑定(bind) - 如何添加焦点等元素状态？

Question

我知道如何添加一个 css 类:

 .active{
   //...style change
 }

通过将 css 绑定(bind)与 knockout.js 结合使用

它的工作方式如下:

 <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 绑定(bind)？

请帮忙!

Answer 1

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