Выберите элемент внутри родительского DIV

Question

Мне нужно, чтобы выбрать элемент, который я думаю, может быть выбран с помощью этого кода:

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

Я пытаюсь выбрать #main_slider h2, которые имеют изображение с идентификатором #main_slider_menu_image. Мне действительно нужно заставить его работать. Но этот код сейчас не работает. Так могу ли я написать правду, чтобы сделать эту работу?

добавить также полный HTML блок:

<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. Ответ на все. я выбрал р с помощью:

img#main_slider_menu_image ~ p { 

} 

, потому что р после IMG, но я не могу выбрать h2 этот путь, потому что его перед пер. Класс переключения изображений в слайдере, и у меня есть задача изменить стиль h2, и все, что у меня есть, - это только изображение с разными классами. и при переименовании идентификатора переключателя изображений на главный_slider_menu_image . Очень трудная задача для меня, и я знаю, son't программист, который сделал этот ползунок ... Сайта 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