無法定位：在JSS中的僞選擇器之前

Question

我試圖將我的頁面上的元素的僞選擇器作爲目標。我正在嘗試JSS這個項目，並且迄今爲止是一個巨大的粉絲，但對它仍然很新穎。我在選擇JSS後遇到麻煩。這是可能的，因爲我認爲這是在閱讀文檔時。

這是我的標記：

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

和我的JSS看起來是這樣的：

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

如果任何人誰是熟悉JSS可以幫助，那將是偉大的！

Answer 1

你做的是對的。除了兩兩件事：

1）語法錯誤：你進入fontFamily: fonts.family.primary

2）內容應包含在這反過來應該用單引號雙引號的字符串後缺少一個逗號。所以，一個空的內容將是content: '""',

所以才嘗試以下操作：

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