Есть ли способ определить цветовой код или название цвета в html значение класса?

Question

Есть ли способ определить цветовой код или название цвета в HTML значении класса?

:root {
  --bg: "???"
}

[class*="bg["] {
  background-color: var(--bg);
}

<button type="button" class="bg[#3b5998]">
  <span>Facebook</span>
  <i class="fab fa-facebook btn-icon"></i>
</button>

Answer 1

Нет, но вы можете просто использовать встроенный стиль

:root {
  --bg: "???"
}

[style*="bg"] {
  background-color: var(--bg);
}

<button type="button"  style="--bg:#3b5998">
  <span>Facebook</span>
  <i class="fab fa-facebook btn-icon"></i>
</button>

<button type="button" >
  <span>Facebook</span>
  <i class="fab fa-facebook btn-icon"></i>
</button>