Quiero ocultar el segundo div después de este div, no hay identificador para ese div .
Es por eso que tomé este atributo de etiqueta p como identificador. Intenté usar jQuery, pero en la carga de la página a veces es visible. ¿Hay alguna forma de ocultarlo de forma permanente?
div p[data-udy-fe="text_-a91032"] { } Estoy agregando mi código jQuery aquí, pero cuando se carga la página podemos ver el contenido del div durante algunos segundos. Necesito ocultarlo permanentemente, sin el breve destello.
$("p").each(function(){ if($(this).attr('data-udy-fe') == 'text_-a91032') { $(this).next('div').next('div').hide(); } });Puedes usar el selector + 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>Puede usar el combinador general de hermanos para seleccionar la etiqueta p que aparece después de su elemento específico.
div p[data-udy-fe="text_-a91032"] ~ p { display: none; }