html - 如何在此 HTML 中定位图像？这是 slider 革命 jquery 插件

Question

我想在此 html 中定位图像，以便我可以针对移动设备调整它，因为我在使用此 slider 时遇到问题。

代码如下:

<section class="main-slider style-two">
        <div class="rev_slider_wrapper fullwidthbanner-container"  id="rev_slider_one_wrapper" data-source="gallery">
            <div class="rev_slider fullwidthabanner" id="rev_slider_one" data-version="5.4.1">
                <ul>

<!-- Slide 1 -->
<li data-description="Slide Description" data-easein="default" data-easeout="default" data-fsmasterspeed="1500" data-fsslotamount="7" data-fstransition="fade" data-hideafterloop="0" data-hideslideonmodern="off" data-index="rs-1680" data-masterspeed="default" data-param1="" data-param10="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-rotate="0" data-saveperformance="off" data-slotamount="default" data-thumb="images/web_pohľad.jpg" data-title="Slide Title" data-transition="parallaxvertical">
                        
<img alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="" src="images/web_pohlad.jpg"> 

感谢您的回答!

Answer 1

按照您的描述定位图像的一些基本技术。

更多关于选择器的信息可以在这里找到: https://drafts.csswg.org/selectors-3/

/* directly speak to the image -- im not sure this is correct but this is the only img tag in the HTML you provided. */
.rev-slidebg {

}

/* all images within the rev_slider class */
.rev_slider img {

}

/* All images within the rev_slider with the style-two section */
.style-two .rev_slider img {

}

<section class="main-slider style-two">
        <div class="rev_slider_wrapper fullwidthbanner-container"  id="rev_slider_one_wrapper" data-source="gallery">
            <div class="rev_slider fullwidthabanner" id="rev_slider_one" data-version="5.4.1">
                <ul>

<!-- Slide 1 -->
<li data-description="Slide Description" data-easein="default" data-easeout="default" data-fsmasterspeed="1500" data-fsslotamount="7" data-fstransition="fade" data-hideafterloop="0" data-hideslideonmodern="off" data-index="rs-1680" data-masterspeed="default" data-param1="" data-param10="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-rotate="0" data-saveperformance="off" data-slotamount="default" data-thumb="images/web_pohľad.jpg" data-title="Slide Title" data-transition="parallaxvertical">
                        
<img alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="" src="images/web_pohlad.jpg">