החלפת תוכן CSS בלבד

טריק להחלפת תוכן של אלמנט ע"י CSS בלבד.

 

דוגמא להחלפת תוכן ע"י CSS בלבד.

למשל יש תוכן ב DIV מסויים

<div>Hello</div>

דבר ראשון אנחנו מעלימים את התוכן:

div {
  visibility: hidden;
}

ואחר כך אנחנו מוסיפים תוכן מותאם ע"י content

button:after {
  content:'bla bla'; 
  visibility: visible;
  display: block;
  position: absolute;
  background-color: red;
  padding: 5px;
  top: 2px;
}