Html 如何使用条件选择页面css的所有类元素

Html 如何使用条件选择页面css的所有类元素,html,css,Html,Css,如果.turc元素悬停,我想选择所有.turc(.box.turc)元素 但我不知道怎么做: <tr> <td class="box turc"></td> <td class="box gree"></td> <td class="box turc"></td> </tr> <tr> <td class="box blue"></td&g

如果.turc元素悬停,我想选择所有.turc(.box.turc)元素 但我不知道怎么做:

<tr>
    <td class="box turc"></td>
    <td class="box gree"></td>
    <td class="box turc"></td>
</tr>
<tr>
    <td class="box blue"></td>
    <td class="box turc"></td>
    <td class="box red"></td>
</tr>
-

这样做: 我不想要

问题是跳过所有tr部分并选择页面的所有元素

请在没有jquery的情况下搜索此解决方案;)
提前谢谢你

HTML中有“truc”,css中有“turc”

改正拼写


然后
.box.turc:hover
应该没问题

就像这样
.box.turc:hover{…}
对不起,那不行,我不想要这个,我想要所有页面的turc;(你需要
JS
为此,
CSS
将无法完成。很抱歉,这不起作用,我不想要这个,我想要所有页面的turc;(如果我理解正确,那么你需要javascript.box.turc:hover只会影响当前悬停的元素。
.box.turc:hover .turc
{
     -webkit-filter: blur(4px);
}
.box.turc:hover