odczyć właściwości css w css

Question

Cześć

Jest możliwe żeby w css napisać np.

selector::before {
	background-color: #123456;
	color: #654321;
	content: attr(background-color);
}

Chodzi o to żeby, jak w tym przykładzie, pokazał się na stronie napis "#123456".
Da się to zrobić bez używania jsa w samym cssie?

Comments

dobrze rozumiem że chcesz wyświetlić napis na stronie po wykonaniu jakiejś akcji? jezeli tak to Nope

---

Chce żeby pokazała się wartość która siedzi w "background-color"

---

To wpisz ją po prostu w content? Po co kombinować tak jak to teraz robisz?

---

żeby to było dynamiczne? Jakbym chciał na sztywno to bym nie pytał o nic przecież...

---

W jaki sposób będziesz miał to niby dynamicznie? Jeżeli masz ustawioną wartość background-color na sztywno?

Answer 1

Może interpolacja w sass dała by taki efekt?

Comments

Sprawdziłem i to działa

<div class="color-default">To jest kolor: </div>

$color-default: rgb(39, 79, 165);
.color-default{
  color: $color-default;
  &:after{
    content:"#{$color-default}";
  }
}

 

---

Dokładnie o to chodzi. W sassie nie ma problemu. Pytanie czy da się to zrobić bez sassa i jsa, czysty css?

---

Nie widzę takiej możliwości

Answer 2

W Tym pytaniu ze stacka znalazłem taki przykład, wydaje mi się, że czegoś takiego szukasz, tak?  Znajdziesz tam również link do przykładu z mdn i kilka innych, krótszych w zapisie rozwiązań.