How to use CSS to replace text?

Question

How do I replace Type： with Class： using CSS?

<span class="skills">Type：<a href="....../type/aaa/">aaa</a>, <a href="...../type/bbb/">bbb</a></span>

Maybe this will help you: stackoverflow.com/questions/7896402/… — user15226613
– user15226613, Commented Jun 10, 2022 at 6:57

Ravi Makwana · Accepted Answer · 2022-06-10 07:29:42Z

2

It's was challenging without updating HTML here's code
It's not perfect but it's works :D

.skills:before {
  content: "Class: ";
  font-size: 14px;

}

.skills {
  font-size: 0;
}
 
.skills a {
  font-size: 14px;
}

.skills a:after {
  content: ", ";
  font-size: 14px;
}

<span class="skills">Type：<a href="....../type/aaa/">aaa</a>, <a href="...../type/bbb/">bbb</a></span>

answered Jun 10, 2022 at 7:29

Ravi Makwana

2,9201 gold badge32 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jaswinder Kaur · Accepted Answer · 2022-06-10 07:45:38Z

0

.skills{font-size:0;}
.skills a{font-size:20px;}
.skills a:after {content: ", "; font-size: 20px;}
.skills a:last-child:after {content: ""; } 
.skills:before {
content: 'Class: ';
font-size:20px;
}

<span class="skills">Type：<a href="....../type/aaa/">aaa</a>, <a href="...../type/bbb/">bbb</a></span>

edited Jun 10, 2022 at 7:45

answered Jun 10, 2022 at 7:25

Jaswinder Kaur

1,6346 silver badges15 bronze badges

1 Comment

Justinas Over a year ago

You have changed HTML structure (moved , inside tag)

Collectives™ on Stack Overflow

How to use CSS to replace text?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related