请运用E[attribute^=value]选择器、E[attribute$=value]等选择器完成上面的代码

在CSS中，`E[attribute^=value]` 和 `E[attribute$=value]` 是两种用于选择元素的属性值匹配选择器。它们分别代表：

- `E[attribute^=value]`: 选取所有`attribute`属性的值以`value`开头的元素。例如，如果你想要选中所有`class`属性值以“heading-”开头的<h2>标签，你可以这样写：

   h2[class^='heading-'] {
       /* 样式规则 */
   }

- `E[attribute$=value]`: 选取所有`attribute`属性的值以`value`结尾的元素。比如，要选中所有`id`属性值以“content-”结束的<div>元素：

   div[id$='-content'] {
       /* 样式规则 */
   }

在这个提供的HTML示例中，如果要应用特定样式，可以直接使用这两种选择器来针对特定的`<dt>`（描述标题）或`<dd>`（详细信息）元素。例如，如果你想更改所有关于运动名称的标题字体颜色，可以用`[id^="th"]`；同样地，为了改变每个运动热量消耗部分的背景色，可以使用`[id$="-calories"]`。

/* 改变所有描述标题的字体颜色 */
*dt[id^="th"] {
  color: blue;
}

/* 改变热量消耗部分的背景色 */
<dd[id$="-calories"] {
  background-color: lightgray;
}