¿Cómo agrego / inserto un pseudo elemento antes o después en el Inspector de Chrome?

Puedo agregar una regla de estilo regular a través del signo + (Nueva regla de estilo) pero no puedo agregar una debajo de las secciones "Pseudo :: antes del elemento" o "Pseudo :: después del elemento" del Inspector de estilos. Si trato de agregar el::before o::after elemento en el HTML a través de "Editar como HTML", sale como texto. Mi solución es agregar<span class="pseudo_before"></span> y luego peina eso. ¿Me estoy perdiendo de algo?

Respuestas a la pregunta(2)

Su respuesta a la pregunta