Какой правильный CSS селектор будет использоваться, чтобы скрыть простой текст?

Question

Я хотел спрятать текст на своем веб-сайте, используя CSS. Я хотел удалить «Ваше резюме можно просмотреть, отредактировать или удалить ниже». текст на странице профиля пользователя. Пожалуйста, смотрите изображение ниже.

Когда я проверяю его, оно выглядит так:

https://prnt.sc/qskqbd

Я хотел использовать:

 display: none;
}

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

<p>Your resume can be veiwed, edited or removed below.
</p> == $0

Я получаю следующую ошибку:

https://prnt.sc/qskrgf

Мне просто интересно, каким будет правильный селектор, поскольку я хотел только скрыть только этот текст?

Спасибо

Answer 1

Я думаю, что вы могли бы сделать с курсом sh в CSS Селекторы мой друг.

<p>Your resume can be veiwed, edited or removed below.</p> == $0 является фактическим HTML, (и == $0) добавлен Dev Tools для отображения индекса выбранного в данный момент элемента.

Чтобы выбрать элемент, который не имеет выделенного класса или идентификатора, вам необходимо выбрать одного из его предков, а затем выбрать it.

В вашей конкретной c ситуации вы могли бы использовать следующее:

#resume-manager-candidate-dashboard > p {
    display: none;
}

Для этого выбирается элемент с id="resume-manager-candidate-dashboard", затем выбирается любой p элементы, которые являются прямыми дочерними элементами, с использованием > прямого дочернего комбинатора . Я сделал это, потому что вы могли бы иметь в своей таблице p, который бы также выбрал #resume-manager-candidate-dashboard p.

Answer 2

Вам нужно узнать о том, как работает Класс и идентификатор :)

Теперь я пришел к вашему реальному вопросу, согласно вашему изображению вам нужно установить это свойство в вашем css файле

#resume-manager-candidate-dashboard>p:nth-child(1) {
    display: none;
}

Надеюсь, оно вам поможет. :)

Дайте мне знать, если у вас есть дальнейшие разъяснения.

Answer 3

Добавьте это css в ваш код, текст автоматически скрывается

p{
  visibility: hidden;
}