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
}
}