#css
#css
Вопрос:
У меня есть этот код, и я хочу удалить это изображение www.testsite.com/images-5.jpg с помощью 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>
Комментарии:
1. Ссылка перенаправляет меня на страницу «домен для продажи», и можете ли вы также показать мне свой CSS?
Ответ №1:
Изображение, которое вы хотите удалить, не хранится в элементе img, насколько я вижу. Единственная ссылка на него в коде, который вы даете, — это фоновое изображение.
Поэтому display: none не подходит, так как вы бы избавились от целого элемента, который может быть не тем, что вы хотите.
Эта конкретная страница имеет класс postid-18069, и, похоже, это единственный способ убедиться, что вы собираетесь избавиться от фонового изображения только на этой странице.
Итак, CSS должен быть чем-то вроде:
.postid-18069 div.wraper_inner_banner {
background-image: none !important;
}
К сожалению, здесь, вероятно, необходим !important, так как в противном случае встроенный стиль будет перезаписывать вещи.
Я думаю, что этого выбора достаточно, но если не добавлять больше вещей, которые находятся между .postid-18069 и фоновым изображением div.
Примечание: это похоже на какой-то сайт CMS (?wordpress?). Если это так, имейте в виду, что postid этой страницы может измениться, поэтому я не рад, что это кастовый способ удаления этого изображения. Возможно, было бы лучше взглянуть на single.php для этого сайта (или того, что генерирует эту страницу) и удалите это изображение, но нам нужно было бы узнать больше об обстоятельствах, прежде чем рассматривать это.