选项卡的CSS标签会影响外部标签

Question

http://jsfiddle.net/oL49dz3p/3/

<label>Stuff for Tab One</label>

在上面的示例中，tabs标签有一些样式。我想在标签内容中使用另一个通用标签，但是具有不同的风格。但是通用标签与标签标签的样式相同。如何逃避

的风格

有什么建议吗？

Answer 1

为标签指定类别或ID名称，例如<label class="InnerLabel">Stuff for Tab One</label>

然后使用.InnerLabel类名覆盖.tab，.tabs或.content中不需要的css。

.InnerLabel{
 position:static;
 margin:0;
 color:red;
} 

标签将采用InnerLabel类的属性并覆盖tabs类中的任何属性。所以去＃＆＃34;撤消＆＃34;选项卡，标签，内容或任何其他类中的任何css，只需覆盖不需要的属性并将其更改为您喜欢的任何内容。