Html 列表视图有缩略图，但我无法更改文本的颜色？

我是一个完全的新手，我一直在努力让我的头脑了解这一切。我有一个带有缩略图的列表视图，我无法更改缩略图旁边的文本颜色。 我也厌倦了有一个中间有img和文本的网格视图，但毫无乐趣。 我知道这两件事对你们来说都很简单，我希望并感谢你们的帮助

<ul data-role="listview" id="listview-1">
  <li>
    <a href="item1.html">
      <img src="eatright.png" class="ui-li-has-thumb" />
      Nutrition
    </a>
  </li>
  <li>
    <a href="item2.html">
      <img src="calories.png" class="ui-li-has-thumb" />
      Calories
    </a>
  </li>
  <li>
    <a href="item3.html">
      <img src="Gym Cat.png" class="ui-li-has-thumb" />
      Training
    </a>
  </li>
  <li>
    <a href="item4.html">
      <img src="supplements.png" class="ui-li-has-thumb" />
      Supplements
    </a>
  </li>
</ul>
<canvas width="" height="300"></canvas>

使用这个CSS规则

#listview-1 li a {
  color: red;
}

示例代码段-外部样式

listview-1LiA{ 颜色：绿色； }

---

嗨，我试过style=color:green>但没用。Cleary只处理段落或h1-6，对吗？嗨，伙计，你很可能是对的，我想我只是把它放错了。我不确定什么时候我也有图像和参考。listview LIA{color:green；}href=item1.html>我刚刚用这个更改了文本颜色-如果我在那里得到h2的标志有关系吗？？？@CraigOwen我更新了我的答案，用现有标记显示了两种方式