CSS的子選擇器不能在Sass中工作

我想將樣式應用於直接子<a>標記和元素。CSS的子選擇器不能在Sass中工作

在正常的CSS我會使用類似：

.card > a { 
color: red; 
}

但在薩斯我不能讓這個或任何下列組合的工作。

在我.scss文件我已經試過：

.card > a { 
color: red; 
} 

.card & > a { 
color: red; 
} 

.card { 
    > a { 
    color: red; 
    } 
} 

.card { 
    & > a { 
    color: red; 
    } 
}

但是，這些作品。編譯器中也沒有顯示任何錯誤。

有人會知道這樣做的正確方法嗎？

來源

2016-08-31 MeltingDog

的可能重複的&會連接[SASS：直系後裔統治？]（http://stackoverflow.com/questions/2075257/sass-direct-descendent-規則） – Li357

你用'＆> div'（''''和'div'之間沒有空格）來試試嗎？ –

因爲你的第一個例子和CSS完全一樣，所以沒有理由不起作用。一個可能的原因是你沒有正確編譯你的SASS，或者編譯的文件沒有被正確地帶入你的應用程序。你的第二個例子是無效的語法。第三或第四應該工作正常。 PS。你爲什麼試圖使用SASS？ – 2016-08-31 03:41:39

這工作：因爲.card

.card { 
    &>a { 
    color: red; 
    } 
}

來源

2016-08-31 01:53:48 Jon

這與OP說的**沒有**的功能完全相同。此外，'＆'是不必要的。 – 2016-08-31 03:38:16

是的，在這種情況下＆是無用的，我應該省略它。是的，我應該要求OP檢查一些語法，因爲他正在嘗試，應該已經工作（除了當然是無效的例子） – Jon

CSS的子選擇器不能在Sass中工作

回答

相關問題