css - 在gwt元素中通过css设置图片标签

Question

我正在使用 gwt 元素。其中我有不同类型的标签

1. 问题
2. 回答
3. 作者

所有标签都有如下共同的CSS

labelCss  {
          background: url("images/img1.png") no-repeat scroll 1px 
                50% transparent;

          background-color: #F2F6F9;
          font-size: 13px;
          margin: 7px 2px 4px 1px;
          padding-bottom: 3px;
          padding-left: 8px;
          padding-top: 6px
          }

我想随着标签类型的变化而改变图像。 是否可以使用单个 css 属性。或者我做错了什么。

有知道的请回复

提前致谢

Answer 1

您可以为一般样式设置一个 .label，但您需要为每种类型的标签创建一个特殊类，您可以在其中指定要显示的图像。小例子:

#inicio li {
  display: block;
  width: 177px;
  height: 76px;
  margin: 8px 8px 8px 0;
  float: left
}
#inicio #ini1 {
  background: url(/imgs/Inicio1.jpg);
}
#inicio #ini2 {
  background: url(/imgs/Inicio2.jpg);
}
#inicio #ini3 {
  background: url(/imgs/Inicio3.jpg);
}