anchor.diff:    Let’s add some styles to our component by setting the `styles` property on the `@Component` decorator
     to the following CSS classes:
   
  -  要想给我们的组件添加一些样式，请把`@Component`装饰器的`styles`属性设置为下列CSS类：
  +  要想给我们的组件添加一些样式，请把`@Component`装饰器的`styles`属性设置为下列 CSS 类：
   
   +makeExample('toh-2/ts/app/app.component.ts', 'styles', 'app.component.ts (styles)')(format=".")
   
  
positive.code:     For example, when we select Magneta from the heroes list,
      we can make it pop out visually by giving it a subtle background color as shown here.
  
      我们在下面的详情区看到了选中的英雄，但是我们还是没法在上面的列表区快速的找到这位英雄。
      通过把CSS类`selected`添加到主列表的`<li>`元素上，我们可以解决这个问题。
      比如，当我们在列表区选中了Magneta时，我们可以通过设置一个轻微的背景色来让它略显突出。
  
    figure.image-display
      img(src='/resources/images/devguide/toh/heroes-list-selected.png' alt="选中的英雄")
    :marked
      We’ll add a property binding on `class` for the `selected` class to the template. We'll set this to an expression that compares the current `selectedHero` to the `hero`.
  
      我们将通过一个在`class`属性上的绑定，来把`selected`类添加到模板上。我们把这个绑定表达式设置为`selectedHero`和`hero`的比较结果，
  
      The key is the name of the CSS class (`selected`). The value is `true` if the two heroes match and `false` otherwise.
      We’re saying “*apply the `selected` class if the heroes match, remove it if they don’t*”.
  
      关键是CSS类的名字：`selected`。当两位英雄一致时，它为`true`，否则为`false`。
      也就是说：“*当两位英雄匹配时，应用上`selected`类，否则不应用*”。
  
    +makeExample('toh-2/ts-snippets/app.component.snippets.pt2.ts', 'class-selected-1', 'app.component.ts (setting the CSS class)')(format=".")
  
negative.code:   We’ll expand our Tour of Heroes app to display a list of heroes,
    allow the user to select a hero, and display the hero’s details.
  
    我们需要管理多个英雄。我们将扩展《英雄指南》应用，让它显示一个英雄列表，
    允许用户选择一个英雄，查看该英雄的详细信息。
  
    Run the <live-example></live-example> for this part.
  
  