Atributo de datos de CSS nuevo carácter de línea y valor de contenido de pseudo-elementos

¿Es posible tener una nueva línea en un atributo de datos?

Estoy tratando de hacer algo como esto:

CSS:

[data-foo]:after {
    content: attr(data-foo);
    background-color: black;
}

HTML

<div data-foo="First line \a Second Line">foo</div>

Encontré que "\ a" es una nueva línea en CSS, pero todavía no funciona para mí.

Respuestas a la pregunta(4)

Su respuesta a la pregunta