javascript - before - No se puede orientar: antes del pseudo selector en JSS

before javascript

Question

Estoy intentando apuntar al pseudo selector de un elemento en mi página. Estoy probando JSS para este proyecto y soy un gran fan hasta ahora, pero aún así soy muy nuevo. Tengo problemas para seleccionar el: después de seleccionar con JSS. ¿Es esto posible porque pensé que era al leer los documentos?

Esta es mi marca:

<Link to="about" className={classes.link}>About</Link>

y mi JSS se ve así:

link: {
    position: ''relative'',
    fontFamily: fonts.family.primary
    ''&:before'': {
        content: '' '',
        position: ''absolute'',
        bottom: 0,
        left: 50,
        width: ''100%'',
        height: ''1rem'',
        display: ''block'',
        background:styles.colors.white
    }
}

Si alguien que esté familiarizado con JSS pueda ayudar, ¡sería genial!

Answer 1

Lo que hiciste es correcto. Excepto por 2 cosas:

1) Error de sintaxis: falta una coma después de la entrada fontFamily: fonts.family.primary

2) El contenido debe ser una cadena entre comillas dobles que a su vez debe estar entre comillas simples. Entonces, un contenido vacío sería content: ''""'',

Así que intente lo siguiente:

link: {
    position: ''relative'',
    fontFamily: fonts.family.primary,
    ''&:before'': {
        content: ''""'',
        position: ''absolute'',
        bottom: 0,
        left: 50,
        width: ''100%'',
        height: ''1rem'',
        display: ''block'',
        background:styles.colors.white
    }
}