jquery - 选择父 div 内的元素

Question

我需要选择我认为可以用这段代码选择的元素:

#main_slider h2 < img#main_slider_menu_image {
    background: initial !important;
    text-align: left !important;
    width: 90% !important;
}

我正在尝试选择具有 id #main_slider_menu_image 图像的 #main_slider h2。我真的需要让它发挥作用。但是这段代码现在不起作用。那么我是否可以将它写成真的来使这项工作有效？

同时添加完整的 html block :

<div class="main" id="main_slider">
    <h2>Фланцевые уплотнения</h2>
    <img id="main_slider_menu_image" class="slider_img" src="/upload/iblock/360/ngzzkvgrvbicbboyyo thkgszaddkxcakjzktvq.png">
    <p>
        Прокладки стальные овального и восьмиугольного сечения, уплотнительные линзы. Прокладки паронитовые, фторопластовые, безасбестовые, прокладки из терморасширенного графита. Прокладки спирально-навитые.
    </p>
</div>

Jquery 现在添加为标签，因为 CSS 无法做到这一点。还在寻找答案。我通过以下方式选择了 p:

img#main_slider_menu_image ~ p  { 

 }

因为 p 在 img 之后，但是我不能这样选择 h2 因为它在 img 之前。 slider 中的图像切换类，我的任务是更改 h2 的样式，而我所拥有的只是具有不同类的图像。当列表悬停图像切换 id 到 main_slider_menu_image.对我来说是一项非常艰巨的任务，而且我儿子不认识制作这个 slider 的程序员......网址是Bitrix website

Answer 1

那是 <在 CSS 中不存在。会有相反的情况:

#main_slider h2 > img#main_slider_menu_image 

查看更多:

https://developer.mozilla.org/es/docs/Web/CSS/Child_selectors

在您的情况下，您的解决方案是兄弟选择器

#main_slider h2 + img#main_slider_menu_image 

https://developer.mozilla.org/es/docs/Web/CSS/Adjacent_sibling_selectors