Question

Html的label标签CSS样式覆盖了其中嵌套的span标签的样式，怎么办？

.control-label {

font-style:italic;

color:@gray;

line-height:28px;

padding-top:0;

}
.field-icon-set {

padding-left:5px;

font-size:13px;

line-height:28px;

height:28px;

color:@grayLight;

}

span标签中的内容在页面上是一个问号小图标，当鼠标悬停在上面时，会显示帮助文本，可是这个帮助文本的字体、颜色和格式完全和label一样，我该怎么解决，使得帮助文本的字体、颜色和格式按照class field-icon-set来显示？
更正一点，我之前理解错了field-icon-set只是那个问号小图标的样式，真正的文本样式应该跟bootstrap的popover有关。假如有一种方法，可以使span标签不继承label标签的样式就好了。





Answer 1

这个简单调整下优先级就可以了,要想不继承父级样式，你需要重写父级样式里所定义的东西。向下面这样重新定义他的优先级即可生效：

.control-label .field-icon-set{padding-left:5px;font-size:13px;line-height:28px;height:28px;color:@grayLight;}

Answer 2

JQUERY removeclass(),再AddClass('你要的CLASS')试过吗