How to coloring and styleing pre tag(<pre>) | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
0

How to coloring and styleing pre tag(<pre>)

I want to coloring pre tag More than 1 color , multiple color

2nd Mar 2020, 11:47 AM
Mohammad
Mohammad - avatar
16 Answers
0
Give the page title an id
2nd Mar 2020, 12:23 PM
Florian Vanik
Florian Vanik - avatar
+ 1
#lol { Insert there anything in css }
2nd Mar 2020, 11:54 AM
Florian Vanik
Florian Vanik - avatar
+ 1
You can style "pre" tag as other tags. Other tags in it you can wrap in "span" tags, for each span give a class(for example "h1" tag in span can have .h1 classname, acording to that h1 classname can have different style then h2 tag, and so on).
3rd Mar 2020, 5:47 PM
Davit Arakelyan
Davit Arakelyan - avatar
+ 1
I mean you can even change each element's color differently in pre tag
3rd Mar 2020, 5:51 PM
Davit Arakelyan
Davit Arakelyan - avatar
0
<pre id="lol" hdjdbf</pre> and then in css
2nd Mar 2020, 11:52 AM
Florian Vanik
Florian Vanik - avatar
0
How can add multiple color
2nd Mar 2020, 11:53 AM
Mohammad
Mohammad - avatar
0
I can just set the color of all documents but i want to have different color for example tag's color red semicolons green
2nd Mar 2020, 11:56 AM
Mohammad
Mohammad - avatar
0
If u wanna have diff color for your tags u have to give the tags a class not pre
2nd Mar 2020, 11:58 AM
Florian Vanik
Florian Vanik - avatar
0
https://www.samanthaming.com/tidbits/20-extract-arguments-using-array-destructure/ Look at this link She put her example in the pre tag but how she style this
2nd Mar 2020, 12:00 PM
Mohammad
Mohammad - avatar
0
Looks like js for me and not like css nor html
2nd Mar 2020, 12:01 PM
Florian Vanik
Florian Vanik - avatar
0
This is my code I could just color tags with <span> but how can i color Page title to green https://code.sololearn.com/W172Xa7EL8y3/?ref=app
2nd Mar 2020, 12:20 PM
Mohammad
Mohammad - avatar
0
Thanks Florain Vanik
2nd Mar 2020, 12:45 PM
Mohammad
Mohammad - avatar
0
No problem
2nd Mar 2020, 1:37 PM
Florian Vanik
Florian Vanik - avatar
3rd Mar 2020, 5:50 PM
Mohammad
Mohammad - avatar
0
I know Thanks
3rd Mar 2020, 5:52 PM
Mohammad
Mohammad - avatar
0
Assign a id to it
3rd Mar 2020, 6:35 PM
Rohit Raj
Rohit Raj - avatar