为什么我不能在伪元素之前改变颜色

Question

我用迷你插入符号创建了div元素，现在div看起来像工具提示，我在第二个div上改变插入符号的颜色有问题，我改变了背景颜色但我只想改变迷你插入符号。

在CSS中我试图解决这个问题。

参考，在secong工具提示中导入了类walter1，因为我不想将所有代码从walter1复制到walter2。

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

Answer 1

插入符从边框而不是背景中获取颜色。您必须从border-left: 13px solid #b2d4dd;

覆盖此规则.walter1:before

您必须更改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