Javascript 如何选择父对象具有特定类的所有子对象旁边的所有元素?

Javascript 如何选择父对象具有特定类的所有子对象旁边的所有元素?,javascript,html,css,Javascript,Html,Css,我正在尝试选择打印类以外的所有元素。我想要一个选择,它通过一个元素来选择每一个元素。(无继承权)。我该怎么做?Javascript也很好 所以3,4,5不应该是红色的 body*:非(.print){ 颜色:红色; } 1. 二, 3. 四, 五, 6. 七, 更新: 试试这个: html { color: red; } .print, .print * { color: black; } 更新: 试试这个: html { color: red; } .print, .

我正在尝试选择打印类以外的所有元素。我想要一个选择,它通过一个元素来选择每一个元素。(无继承权)。我该怎么做?Javascript也很好

所以3,4,5不应该是红色的

body*:非(.print){
颜色:红色;
}

1.
二,

3. 四,

五,

6. 七,

更新:

试试这个:

html {
   color: red;
}

.print, .print * {
  color: black;
}
更新:

试试这个:

html {
   color: red;
}

.print, .print * {
  color: black;
}

body*:not(.print):not(.print*)
maybe?@AlonEitan是的,有效!谢谢:)但是我在我的示例中犯了一个错误:我的原始版本在一个div中:在那里,您的解决方案不起作用。。你知道如何做到这一点吗?选择正文中的所有内容并添加以下规则:
.print,.print*{color:black;}
。对不起,我没有主意了
body*:not(.print):not(.print*)
也许吧?@AlonEitan是的,行!谢谢:)但是我在我的示例中犯了一个错误:我的原始版本在一个div中:在那里,您的解决方案不起作用。。你知道如何做到这一点吗?选择正文中的全部并添加以下规则:
.print、.print*{color:black;}
。对不起,我没有你的答案。。它也不适用于更新示例(当类在一个没有打印的div中时)…我更新了答案,试试看。而且,@Teemu在我之前发布了一个非常类似的响应。是的,非常类似。将
*
添加到根选择器可能会选择更像OP所需的元素。有点问题,因为它还没有标准化,而且它的行为可能因使用的浏览器而异。谢谢你的回答。。它也不适用于更新示例(当类在一个没有打印的div中时)…我更新了答案,试试看。而且,@Teemu在我之前发布了一个非常类似的响应。是的,非常类似。将
*
添加到根选择器可能会选择更像OP所需的元素。这有点问题,因为它还没有标准化,而且它的行为可能因使用的浏览器而异。