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