Así que estoy trabajando en un sitio web. He incluido una línea de tiempo de Twitter en el HTML; puedes comprobar cómo se hace aquí . Inspeccioné los elementos de los widgets en las opciones de desarrollador y, por lo que sé, parece un elemento iframe que contiene otro documento html dentro de mi elemento div ( .cust-twitter-div ).

El problema es que me gustaría darle más estilo a los elementos dentro del widget y he probado las siguientes soluciones que parecen no funcionar.

1. Usar el nombre de clase predeterminado de los elementos en una hoja de estilo usando !important en cada estilo. El único selector de CSS que parece funcionar es el siguiente (tenga en cuenta que el iframe está incluido en el selector y cust-twitter-div es mi div que encierra el widget) :

 .cust-twitter-div iframe { width: 90% !important; max-width: 600px !important; box-shadow: 00px 0px 10px #ffbc50b6; }

2. (El más desconcertante en cuanto a por qué no funciona) Seleccionando (nuevamente usando sus nombres de clase predeterminados) los elementos usando JS y agregando los estilos.

 document.onreadystatechange = function () { if (document.readyState == "complete") { console.log("DOM fully loaded and parsed"); let cust_twitterElement = document.querySelector('.timeline-Body'); console.log(cust_twitterElement); } }

Ahora, lo desconcertante de la segunda solución es que devuelve nulo para el elemento que he seleccionado. Cuando intenté seleccionar el iframe, devolvió algún tipo de objeto JS/elemento HTML. Aunque en el inspector, muestra que el elemento iframe tiene elementos secundarios, no puedo seleccionarlos usando JS ya que el objeto devuelto muestra firstChild como nulo y la longitud de los elementos secundarios es 0. Como se muestra a continuación:

Finalmente, llegué a la conclusión de que el iframe es el único elemento con el que podía interactuar en el código tanto en JS como en CSS, pero no con los niños que el inspector muestra que contiene.

Entonces, ¿qué estoy haciendo mal? ¿Cómo puedo aplicar estilo a los elementos dentro del widget?