Пользовательские вкладки с помощью CSS

Question

У меня есть этот стиль CSS:

span.smalltab{ 
    padding: 0 64px; 
} 

Как я мог бы сделать customtab, чтобы я мог ввести необходимые значения в 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. Будьте осторожны, чем использование встроенных стилей может стать кошмаром для обслуживания: вы получите стили во всем мире. Используйте его, только если вы абсолютно должны.