爲什麼我不能在僞元素之前改變顏色

Question

我創建了帶有迷你插入符的div元素，現在div看起來像工具提示，我在改變第二個div的插入符顏色時遇到問題，我更改了背景顏色，但我只想更改迷你插頁。

在CSS中，我試圖解決這個問題。

引用，在secong工具提示中，類walter1被導入，因爲我不想將所有代碼從walter1複製到walter2。

的jsfiddle：http://jsfiddle.net/hfgxzsnv/

Answer 1

插入符號從邊界不是背景得到它的顏色。你必須從.walter1:before

覆蓋此規則border-left: 13px solid #b2d4dd;你必須改變border-color不background-color

使用

.walter2:before {  
    border-left-color: #dddddd;  
} 

DEMO

Answer 2

.walter2:before { 
    border-left-color: #dddddd; 
} 

JSFiddle

Answer 3

花了一些時間整理代碼，除了它和其他人做的一樣。你只需更改邊框顏色;

.walter2:before {  
    border-left-color: #dddddd;  
} 

JsFiddle