Не могу понять, как отобразить: нет для следующего класса

Question

Я новичок, когда дело доходит до HTML и CSS, я в основном использую его для внесения пользовательских изменений в мои веб-сайты, поэтому я прошу прощения, если это очень простой вопрос, но я до сих пор не нашел ответа где-либо в Интернете.

Я пытаюсь удалить строку «Всего прочтений» из моих профилей авторов, но оставлю строку «Всего сообщений».

Это было бы достаточно просто, принять как «Всего прочтений», так и«Всего сообщений» оба имеют имя класса «row», и оба содержат одинаковые классы, например «col total-label text-right», поэтому я не могу установить один для отображения: ни один, не затрагивая оба.Кто-нибудь знает, как я могу это обойти, я пробовал около десятка разных вещей и ничего не могу найти в Интернете.

Вот ссылка на образец страницы автора на моем сайте: https://www.thepostmillennial.com/members/barbrakay/

Заранее спасибо!

Answer 1

, если вы не хотите добавлять какой-либо класс в ваш HTML. тогда вы можете сделать что-то вроде этого.

Здесь .user-total является родительским элементом строки

Для скрытия всего чтения:

.user-totals row:first-child {
  display: none
}

или

.user-totals row:nth-child(1) {
  display: none
}

Для сокрытия Всего сообщений:

.user-totals row:last-child {
  display: none
}

или

.user-totals row:nth-child(2) {
  display: none
}

Answer 2

вы можете использовать, что он просто удалит первый ряд

#buddypress .bbp-user-report .user-totals .row:first-of-type { display:none }

или вы можете сделать это встроенным стилем

<div class="row" style="display:none;">

Answer 3

попробуйте добавить класс скрытия к вашему CSS, как это

.hide {
  display:none;
}

и добавьте этот класс к вашему HTML-элементу, который вы хотите скрыть

<div class="row hide">...</div>

этот подход поможет вам скрыть другие элементы, если вы хотите

Answer 4

В строке, которую вы хотите удалить, добавьте:

<div class="row" style="display:none;">

Это повлияет только на эту строку в частности.