Hedefleme yapamıyorum: JSS'de sözlü seçiciden önce

Question

Sayfanın bir öğesinin sözde seçici seçicisini hedeflemeye çalışıyorum. Bu proje için JSS'yi deniyorum ve şu ana kadar çok büyük bir hayranım ama yine de çok yeni. JSS ile seçildikten sonra problemleri seçiyorum. Bu mümkün mü, çünkü belgeleri okurken düşündüm.

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

ve benim JSS şöyle görünür:

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

yardımcı olabilir jss aşina herkes, bu harika olurdu

Bu benim işareti yukarı!

Answer 1

Yaptıklarınız doğru.

1) Sözdizimi hatası: 2 şeylerin dışında Sen girişi fontFamily: fonts.family.primary

2) içerik sırayla tek tırnak içine alınması çift tırnak içine bir dizi olmalıdır sonra bir virgül eksik. sözde elemanı before`:

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