скрыть второй div определенного тега p с помощью css

#javascript #html #jquery #css

Вопрос:

Я хочу скрыть второй div после этого div, для этого нет идентификатора div .

Вот почему я взял этот p атрибут тега в качестве идентификатора. Я пытался использовать jQuery, но при загрузке страницы это иногда видно. Есть ли какой-нибудь способ скрыть его навсегда?

 div p[data-udy-fe="text_-a91032"] {
    
}

Я добавляю сюда свой код jQuery, но при загрузке страницы мы можем видеть div содержимое в течение нескольких секунд. Мне нужно скрыть его навсегда, без краткой вспышки.

 $("p").each(function(){        
    if($(this).attr('data-udy-fe') == 'text_-a91032') {
        $(this).next('div').next('div').hide();
    }
});

Ответ №1:

Вы можете использовать div div селектор

 p[data-udy-fe="text_-a91032"]  div   div {
  display: none;
}

 <div>
  <div>Paragraph1</div>
  <div>Paragraph2</div>
  <p data-udy-fe="text_-a91032">Paragraph3</p>
  <div>Paragraph4</div>
  <div>this one is not displayed</div>
  <div>Paragraph6</div>
<div>

Ответ №2:

Вы можете использовать общий комбинатор для выбора тега p, который появляется после вашего конкретного элемента.

 div p[data-udy-fe="text_-a91032"] ~ p {
     display: none;
}