单页CSS类选择器

单页CSS类选择器,css,Css,我有这个代码,我想通过使用CSS(使用display:none)删除这个图像。我尝试了我能想到的每一个选择器,但都不起作用。我需要此页面的完整选择器,而不是所有页面。在chrome inspect元素部分中,我只得到{element_style},没有任何css引用 这是我的标记: <body data-rsssl="1" class="post-template-default single single-post postid-18069 single-f

我有这个代码,我想通过使用CSS(使用display:none)删除这个图像。我尝试了我能想到的每一个选择器,但都不起作用。我需要此页面的完整选择器,而不是所有页面。在chrome inspect元素部分中,我只得到{element_style},没有任何css引用

这是我的标记:

<body data-rsssl="1" class="post-template-default single single-post postid-18069 single-format-standard wpb-js-composer js-comp-ver-6.4.1 vc_responsive cookies-set cookies-accepted" data-header-style="header-style-one" data-nicescroll-cursorcolor="#ffbc13" data-nicescroll-cursorwidth="7px">
    
    <div class="overlay"></div>
                    <div class="radiantthemes-website-layout full-width">
            
        <header class="wraper_header style-one static-header">
    
            <div id="sticky-wrapper" class="sticky-wrapper" style="height: 51px;"><div class="wraper_header_main i-am-sticky" style="">
            <div class="container">
            
            <div class="header_main">
                            
                <div class="header_main_action">
                    
                            <ul class="social">
                                                                                                    <li class="facebook"><a href=#><i class="fa fa-facebook"></i></a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
                                                                                                                                                        <li class="header-hamburger">
                                                                                                <i class="fa fa-bars"></i>
                                                            </li>
                                            
                </div>
                <!-- header_main_action -->
                                    <!-- responsive-nav -->
                    <div class="responsive-nav hidden-lg hidden-md visible-sm visible-xs">
                        <i class="fa fa-bars"></i>
                    </div>
                    <!-- responsive-nav -->
                                
                <div class="clearfix"></div>
            </div>
            <!-- header_main -->
        </div>
    </div></div>
    <!-- wraper_header_main -->
</header>
<!-- wraper_header -->

    <!-- mobile-menu -->
    <div class="mobile-menu hidden">
        <!-- mobile-menu-main -->
        <div class="mobile-menu-main">
            <!-- mobile-menu-close -->
            <div class="mobile-menu-close">
                <i class="fa fa-times"></i>
            </div>
            <!-- mobile-menu-close -->
           
        </div>
        <!-- mobile-menu-main -->
    </div>
    <!-- mobile-menu -->


        <!-- hamburger-menu-holder -->
        <div class="hamburger-menu-holder hidden">
            <!-- hamburger-menu -->
            <div class="hamburger-menu">
                <!-- hamburger-menu-close -->
                <div class="hamburger-menu-close">
                    <div class="hamburger-menu-close-lines"><span></span><span></span></div>
                </div>
                <!-- hamburger-menu-close -->
                
            </div>
            <!-- hamburger-menu -->
        </div>
        <!-- hamburger-menu-holder -->

                                <!-- wraper_header_bannerinner -->
                            <div class="wraper_inner_banner" style="background-image:url('www.testsite.com/images-5.jpg')">
                                <!-- wraper_inner_banner_main -->
            <div class="wraper_inner_banner_main">
                <div class="container">
                    <!-- row -->
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <!-- inner_banner_main -->
                            
                            <!-- inner_banner_main -->
                        </div>
                    </div>
                    <!-- row -->
                </div>
            </div>
            <!-- wraper_inner_banner_main -->
                                </div>
        <!-- wraper_header_bannerinner -->
<!-- wraper_header_bannerinner -->


        <!-- #page -->
        <div id="page" class="site">
            <!-- #content -->
            <div id="content" class="site-content">
<div id="primary" class="content-area">
    <main id="main" class="site-main">
        <!-- wraper_blog_main -->
        <section class="wraper_blog_main">
            <div class="container">
                <!-- row -->
                <div class="row">
                                                                        <div class="col-lg-9 col-md-9 col-sm-8 col-xs-12 pull-left">
                                                                    <!-- blog_single -->
                        <div class="blog_single">
                            <article id="post-18069" class="single-post post-18069 post type-post status-publish format-standard has-post-thumbnail hentry category-noutati category-anunturi-publice">
    <header class="entry-header">
        
        </div>          </div><!-- .entry-meta -->
            </header></body>


  • 就我所见,您要删除的图像没有保存在img元素中。在您给出的代码中,对它的唯一引用是作为背景图像

    因此,display:none是不合适的,因为您可能会删除整个元素,而这些元素可能不是您想要的

    这个特殊的页面有一个postid-18069类,这似乎是确保只删除这个页面上的背景图像的唯一方法

    因此CSS需要类似于:

    .postid-18069 div.wraper_inner_banner {
      background-image: none !important;
    }
    
    可悲的是!这里可能需要使用important,否则内联样式将覆盖内容

    我认为选择就足够了,但如果不在.postid-18069和背景图像div之间添加更多内容

    注意:这看起来像某种CMS网站(?wordpress?)。如果是这样,请注意,该页面的帖子可能会改变,因此我不高兴这是一个消除该图像的铁种姓的方式。查看该站点(或生成该页面的任何内容)的single.php并删除该图像可能会更好,但在查看之前,我们需要了解更多情况。

    该链接将我重定向到“domain for sale”页面,您还可以向我展示您的CSS吗?