如何将CSS应用于一半的点功能？(How to apply CSS to half of a point feature?)

 由于我不能使用服务器端的StyledLayerDescriptor（SLD）编码，我也不想加载外部图形我想使用CSS来设置我的OpenLayers的点功能。 详细地说，我想用不同颜色填充一半（或1/3）点特征。 
 
 CSS代码可能是 
 
#OpenLayers\.Geometry\.Point_111{
  fill: red !important;
   background: -moz-linear-gradient(-45deg, #ce275f 50%, #1e5799 50%, #207cca 50%, #7db9e8 100%) !important; /* FF3.6+ */
}
 
 
 该功能未分配给类。 那可能吗？ 还有其他可能性吗？ 

Due to I can not use server-side StyledLayerDescriptor (SLD) coding, neither I want to load external graphics I would like to use CSS to style my OpenLayers' point features. In detail I would like to fill half (or 1/3) of a point feature with different colors. 
 
A CSS code might be 
 
#OpenLayers\.Geometry\.Point_111{
  fill: red !important;
   background: -moz-linear-gradient(-45deg, #ce275f 50%, #1e5799 50%, #207cca 50%, #7db9e8 100%) !important; /* FF3.6+ */
}
 
 
The feature is not assigned to a class. Is that possible? Are there any other possibilities?

原文：https://stackoverflow.com/questions/27944241