请教一下怎么做到判断元素的背景颜色是需要的颜色时就改成白色

Question

<div class="news wow fadeInUp animated">
  <p style="margin: 0 25px 0 1px;padding: 0px;background-color: rgb(241, 240, 240);line-height: 21px">11111111111111</p>
  <p style="margin: 0 25px 0 1px;padding: 0px;background-color: rgb(241, 240, 240);line-height: 21px">22222222222222</p>
  <p style="margin: 0 25px 0 1px;padding: 0px;background-color: rgb(241, 240, 240);line-height: 21px">33333333333333</p>
</div>

就是P元素的背景颜色background-color: rgb(241, 240, 240)，是这个颜色的时候就自动改成白色也就是rgb(255, 255, 255)，如果是其他颜色就不变

Answer 1

如果样式内联的话 偷个懒？

p[style*="background-color: rgb(241, 240, 240)"] {
  background-color: #fff !important;
}

Answer 2

<div class="news wow fadeInUp animated">
    <p style="margin: 0 25px 0 1px;padding: 0px;background-color: rgb(241, 240, 240);line-height: 21px">11111111111111</p>
    <p style="margin: 0 25px 0 1px;padding: 0px;background-color: rgb(241, 240, 240);line-height: 21px">22222222222222</p>
    <p style="margin: 0 25px 0 1px;padding: 0px;background-color: rgb(241, 240, 240);line-height: 21px">33333333333333</p>
  </div>
  <script>
    const p = document.getElementsByTagName("p")
    for(let i = 0;i < p.length;i++){
      const bg = window.getComputedStyle(p[i],null);
      console.log(bg['background-color'])
      if(bg['background-color']==='rgb(241, 240, 240)'){
        p[i].style.backgroundColor="#fff"
      }
    }
  </script>

Answer 3

 $('.news p').each(function(i, v) {
        if (v.style['background-color'] == 'rgb(241, 240, 240)') {
            v.style['background-color'] = 'rgb(255, 255, 255)'
        }
    })