自定义选项卡使用CSS

Question

我有这种css风格：

span.smalltab{
    padding: 0 64px;
}

如何创建自定义选项卡以便我可以在HTML中输入所需的值？可以做到这样的事情：

<span class = 'customtab = 20px'>

最后一行是为了更好地说明我的问题（我知道它不起作用）。

Answer 1

您可以创建另一个类并使用它：

<style>
.customtab {
    padding: 0 20px;
}
</style>

<span class="customtab"></span>

---

如果每次都需要不同的值，则可以使用内联样式从HTML自定义元素外观：

<span style="padding: 0 20px">

此声明的优先级高于放置在<style>或外部CSS文件中的声明。警告比使用内联样式可能是一个维护噩梦：你最终会到处都是风格。只有在绝对必须时才使用它。