Dentro del snippet existe un elemento div
identificado como as-console-wrapper
. Al utilizar el selector div:last-of-type
, a parte de seleccionar el elemento contenido dentro del código HTML, selecciona también as-console-wrapper
.
Propongo que alteren la localización de salida de datos de la consola, fuera de iframe
, o que impidan que se pueda alterar el estilo de as-console-wrapper
desde el propio snippet.
div:last-of-type
{
display: initial;
}
div:last-of-type::after
{
content: 'X';
}
<div>foo</div>
<div>bar</div>
<div>baz</div>
Ni siquiera se aplica el estilo del selector con el pseudoelemento.
El posible bug también puede ser identificado sin pseudoclases. Declarar la regla !important
es suficiente para ver los cambios producidos.
div
propio para todo lo que se aplique a lo tuyo y los selectores apliquen todo hacia esediv
, o mejor undiv
con unclass
y todo se aplique a eseclass
.