Как передать значение HTML атрибута в CSS?

Question

[sharkdest]

Здравствуйте, каким образом я могу получить значения HTML атрибута в CSS?
К примеру:

HTML обьект:

<Link
          id="home"
          className="testClass"
          to="/"
>

CSS (кастомный "placeholder") :

testClass:hover::after {
  content: здесь хочу получить значения атрибута "id", т.е. "home";
  position: absolute;
  left: 59px;
  top: 0px;
  padding: 12px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: #3c8dbc;
  color: white;
  text-align: center;
}

Спасибо.

Answer 1

[Александр]

attr()

Answer 2

[Alexey Bille]

https://developer.mozilla.org/ru/docs/Web/Guide/HT...