Прятки под div в CSS

Question

Ниже приведен код моего поста WP. Я пытаюсь скрыть промежуток для комментариев. Так, чтобы это не появилось в сообщении в блоге.

<div class="blog-stats">
    <span class="clock">
        <i class="fa fa-calendar stats-item"></i>
        <span class="text-center text-light stats-item">February 15, 2020</span>
    </span>
    <span class="comment">
        <i class="fa fa-comment stats-item"></i>
        <span class="text-center text-light stats-item">no comments</span>
    </span>
    <span class="user">
        <i class="fa fa-user stats-item"></i>
        <span class="text-content text-light stats-item">Wayne John</span>
    </span>
</div>

Я попробовал несколько ниже, и это не сработало.

.blog-stats.comment {
    display: none;
}

span .comment {
    display: none;
}

span.comment {
    display: none;
}

Есть идеи, как это исправить?

Answer 1

Добавьте ниже CSS и попробуйте:

<style type="text/css">
    .blog-stats .comment span{
          display: none !important;
      }
 </style>

Answer 2

Пожалуйста, введите этот код в css

.blog-stats span.comment{display: none;}

Answer 3

В случае, если вы не хотите использовать! Important, попробуйте следующую версию.

.blog-stats .comment.comment {
   display: none;
}

Примечание. Вы можете увеличить класс .comment x раз, чтобы получить более высокий приоритет.

Пример:

.blog-stats .comment.comment.comment {
   display: none;
}

Answer 4

пожалуйста, поместите пробел между классами, как

.blog-stats .comment {
    display: none;
}
or
.blog-stats .comment {
   display: none !important;
 }

это будет работать, пожалуйста попробуйте

Answer 5

ваш CSS код в порядке!

попробуйте поставить "! Важно" помимо вашего стиля и очистите кеш браузера. может быть исправлено.