你可以为 Lit 组件添加_封装样式_。这里的起始代码沿用了上一步，但我们添加了通过点击来标记项目为已完成的功能。

在这一步中，你将为已完成的项目添加一些样式。

• 添加静态 styles 类字段。

  static styles = css`
    .completed {
      text-decoration-line: line-through;
      color: #777;
    }
  `;

  在静态 styles 类字段中定义的样式使用 Shadow DOM 限定在组件范围内。更多信息请参见样式和使用 Shadow DOM。

• 为项目模板添加类

  将现有行 class="TODO" 替换为以下表达式：

  class=${item.completed ? 'completed' : ''}

  三元表达式是向模板添加条件逻辑的便捷方式。如果你想一次设置多个类，可以使用 Lit 的 classMap 指令。