js 指定div下的某个div，根据class修改css

你可以使用 `document.querySelector` 方法或者 `document.querySelectorAll` 方法来获取指定元素的 DOM 节点，然后通过修改该节点的 `style` 属性来修改 CSS 样式。

下面是一个例子，可以根据指定的 class 名称找到对应的元素并修改其背景颜色：

// 获取指定 class 名称的第一个元素
const element = document.querySelector('.my-class');

// 修改元素的背景颜色
element.style.backgroundColor = 'red';

如果你想要修改指定 class 名称的所有元素的样式，可以使用 `document.querySelectorAll` 方法来获取所有匹配的元素，然后遍历这些元素并修改它们的样式。

下面是一个例子，可以根据指定的 class 名称找到所有对应的元素并修改它们的背景颜色：

// 获取指定 class 名称的所有元素
const elements = document.querySelectorAll('.my-class');

// 遍历所有元素并修改它们的背景颜色
elements.forEach(element => {
  element.style.backgroundColor = 'red';
});

在这个例子中，我们使用了 `forEach` 方法来遍历所有匹配的元素，并对每个元素进行背景颜色的修改。

相关问题

获取某个div下的class为某个值的元素集合

可以使用JavaScript中的`querySelectorAll()`方法，结合CSS选择器来实现获取某个div下的class为某个值的元素集合。具体代码如下：

var div = document.getElementById('yourDivId');   // 先获取你想要的div
var elements = div.querySelectorAll('.yourClassName');   // 获取class为yourClassName的元素集合

其中，`yourDivId`是你想要获取的div的id，`yourClassName`是你想要获取的元素的class名。如果你想获取多个class名为`yourClassName`的元素集合，可以使用以下代码：

var div = document.getElementById('yourDivId');   // 先获取你想要的div
var elements = div.querySelectorAll('.yourClassName1, .yourClassName2');   // 获取class为yourClassName1或yourClassName2的元素集合

div设置不继承父级的class和css样式

你可以使用以下两种方法来让一个div不继承父级的class和CSS样式：

1. 使用内联样式：在div标签中添加style属性，并设置对应的CSS属性值。例如：

<div style="color: red;">This text is red.</div>

这样这个div就会继承内联样式，而不是父级的class和CSS样式。

2. 使用特殊的CSS选择器：使用">"符号来选择直接子元素，从而避免继承父级的class和CSS样式。例如：

<div class="parent">
  <div class="child">This text is blue.</div>
</div>

.parent > .child {
  color: blue;
}

这样只有class为child的div会应用蓝色的字体颜色，而不是继承父级的class和CSS样式。