todomvc Backbone 对 class 'editing' 的更改如何使待办事项可编辑?

How does todomvc Backbone's change to class 'editing' make todo editable?

我正在查看 Backbone tutorial and looking through the source 代码我不理解双击事件 (todo-view.js),它导致编辑方法,导致元素获得 class 'editing' 使元素(输入)可编辑。

这实际上是一个 CSS 把戏。 input元素默认隐藏:

.todo-list li .edit {
    display: none;
}

然后在 dblclick 上,父 li 元素接收到 editing class,这使得输入在另一个规则下可见:

.todo-list li.editing .edit {
    display: block;
}