Javascript 仅在具有特定内容的类上注入css的Chrome扩展

我知道如何将CSS注入网页，并更改某个类，但如果我不想更改该类的所有内容，该怎么办

例如，假设我有一个div：

<div class="content">
   <p> My favorite color is yellow </p>
</div>
<div class="content">
   <p> My favorite color is green </p>
</div>

我最喜欢的颜色是黄色

我最喜欢的颜色是绿色

我想使用内容脚本来编辑

.content

类的CSS，但仅限于包含关键字

“green”

---

我是否必须使用Javascript，如果是，我将如何使用？

如果您愿意使用jQuery，您可以使用

示例

$（“.content:contains（'green'）”）.css（“color”，“green”）

我最喜欢的颜色是黄色

我最喜欢的颜色是绿色

或者像下面这样简化

var item = $('.content');
  for (var i = 0; i <= item.length; i++) {
   if ($(item[i]).text().indexOf("green")>= 0) {
         $(item[i]).css('color','red');
      }
  }

var item=$（'.content'）；
对于（变量i=0；i=0）{
$（项目[i]）.css（'color'，'red'）；
}
}