Estoy intentando algo como esto:

var pin = document.querySelector("#notice ul li div p a");

La idea es limitar el observador y filtrar solo los elementos relevantes, en este caso, todos los 'a' dentro de las etiquetas anidadas. El 'aviso' de identificación es la única etiqueta con una identificación, luego debo seleccionar la primera 'ul', luego 'li' y así sucesivamente, hasta llegar a la 'a' que me interesa.

Pasando esto al observador, que está escuchando con las siguientes opciones:

const config = { attributes: true, childList: true, subtree: true };

Así que tengo el observer.observe(pin, config); y relativo let observer = new MutationObserver(mutations => { Sin embargo, debo estar haciendo algo mal, sing no está sacando nada. Solo funciona si uso esto:

var pin = document.querySelector("#notice");

¿Cómo puedo limitar el observador a solo la parte relevante que me interesa? Sé que podría monitorear todo el cuerpo del documento, pero afectará la carga de la CPU y realizará operaciones innecesarias, ya que lo que necesito aislar es solo una etiqueta específica.

este es el HTML de muestra en el que estoy trabajando

 <section id="notice"> <ul> <li> <div> <p> <a href="locale.html?58651456454">Translate</a> </p> </div> </li> </ul> </section>