Атрибут class тега <sup>
Описание
Атрибут class назначает один или несколько классов элементу <sup>, которые могут использоваться для стилизации через CSS или взаимодействия через JavaScript.
<p>Теорема Пифагора: a<sup class="math-symbol">2</sup> + b<sup class="math-symbol">2</sup> = c<sup class="math-symbol">2</sup></p>
Синтаксис классов:
| Пример | Описание |
|---|---|
class="footnote" |
Один класс |
class="math symbol-exponent" |
Несколько классов через пробел |
class="active" |
Класс-состояние (active, disabled и т.д.) |
Пример с CSS стилизацией:
<style>
.footnote-ref {
color: #e74c3c;
font-size: 0.8em;
vertical-align: super;
font-weight: bold;
}
.chemical-element {
color: #3498db;
font-size: 0.7em;
}
</style>
<p>Вода - H<sup class="chemical-element">2</sup>O<sup class="footnote-ref" title="Сноска">1</sup></p>
Рекомендации по именованию:
- Используйте осмысленные имена (не "class1", "class2")
- Придерживайтесь единого стиля (BEM, kebab-case и др.)
- Разделяйте слова дефисами (рекомендуется)
- Избегайте слишком общих имен ("text", "style")
Особенности работы:
- Один элемент может иметь несколько классов
- Классы чувствительны к регистру
- Порядок классов не имеет значения
- Повторяющиеся классы игнорируются
Ограничения:
- Избегайте слишком длинных имен классов
- Не используйте пробелы внутри имен классов
- Не начинайте имена с цифр
- Избегайте специальных символов кроме дефиса
Примечание: Для сложной стилизации надстрочных элементов сочетайте классы с псевдоэлементами CSS.