什麼是＆:: before，＆:: after在CSS中？

Question

我想創建一個垂直的時間線，我碰到了這個頁面。

http://cssdeck.com/labs/oz2nu681

我複製的代碼，有哪些我有麻煩了一些事情。

• & ::後
• & ::之前
• .radio：檢查; & + .relative;

我試圖把它改成那個樣式表代碼但是卡在這裏。 此外，CSS代碼是不同於傳統的CSS文件包含。這段代碼是什麼，我如何使用它？

Answer 1

&::after其實沒什麼的CSS，但它是SASS/SCSS的特徵的，並且可能是寫在這樣的背景下：

li { 
    /* some style 1 */ 

    &::after { 
    /* some style 2 */ 
    } 

} 

哪個編譯爲：

li { /* some style 1 */ } 
li::after { /* some style 2 */ } 

基本上， SASS中的＆符號在編譯爲CSS時拉入父選擇器。

編輯 不能使用的符號在.css文件，因爲它已經沒有意義了，你只能在那些使用SASS預處理器編譯CSS SASS/SCSS文件使用它。

的博客文章，SASS（不是我）約符號：

http://www.joeloliveira.com/2011/06/28/the-ampersand-a-killer-sass-feature/

EDIT 2 而且答案：

一切是香草CSS，::after，::before是pseudo elements，.relative和.radio是class selectors,:checked是輸入類型爲pseudo class pes收音機和複選框，並且+是adjacent sibling selector

MDN應該是CSS文檔的一個權威機構，所以我選擇鏈接到他們的頁面，而不是簡單地將他們的文檔內容複製並粘貼到該答案中。