怎么设置成当满足条件是执行A的class样式，不满足是执行B的class样式

你可以使用 JavaScript 在元素满足条件时动态地为其添加或移除指定的 class 样式，从而实现不同的样式效果。具体实现方式如下：

HTML 代码：

<div class="note_xhh">条件一</div>
<div class="note_xhh">条件二</div>
<div class="note_xhh">条件三</div>

CSS 代码：

.note_xhh.a {
  color: red;
}

.note_xhh.b {
  color: blue;
}

JavaScript 代码：

let elements = document.getElementsByClassName("note_xhh");
for (let i = 0; i < elements.length; i++) {
  if (/* 满足条件 */) {
    elements[i].classList.add("a");
    elements[i].classList.remove("b");
  } else {
    elements[i].classList.add("b");
    elements[i].classList.remove("a");
  }
}

上述代码中，我们首先获取所有 class 名称为 "note_xhh" 的元素，然后遍历这些元素，根据是否满足条件来添加或移除不同的 class 样式。如果满足条件，则添加 class 名称为 "a" 的样式，移除 class 名称为 "b" 的样式；否则，添加 class 名称为 "b" 的样式，移除 class 名称为 "a" 的样式。这样就可以实现根据不同条件显示不同样式的效果了。