在父div中选择元素

时间:2015-11-16 16:36:27

标签: jquery css css3

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

.ai:after{font-style:normal;font-weight:normal;text-decoration:inherit;margin-left:9px;color:#000000;color:rgba(0,0,0,0);
        filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678,sizingMethod='auto expand');
        -moz-transform:  matrix(0.70710678, 0.70710678, -0.70710678, 0.70710678, 0, 0);
        -webkit-transform:  matrix(0.70710678, 0.70710678, -0.70710678, 0.70710678, 0, 0);
        -o-transform:  matrix(0.70710678, 0.70710678, -0.70710678, 0.70710678, 0, 0);
    transform:  matrix(0.70710678, 0.70710678, -0.70710678, 0.70710678, 0, 0);
    border-style: solid;
    border-width: 1px;
    border-color: transparent #fff #fff transparent;content:"";height:8px;right:1px;top:-3px;width:8px;display:inline-block;margin-top:-8px;position:relative;}

我试图选择具有id #main_slider_menu_image图像的#main_slider h2。我真的需要让它发挥作用。但是这段代码现在还不行。那么我可以写它是真的让这个工作吗?

还要添加完整的html块:

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

Jquery现在添加为标记,因为CSS无法做到这一点。仍然在讨厌回答。 我使用:

选择了p
<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>

因为p是在img之后,但是我不能这样选择h2,因为它在img之前。 滑块中的图像切换类和我有改变h2样式的任务,而我所拥有的只是具有不同类的图像。 当列表悬停图像切换id到main_slider_menu_image 。对我来说非常困难的任务,我儿子不知道制作这个滑块的程序员...... 该网站为Bitrix website Image to understand what I need

1 个答案:

答案 0 :(得分: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