superheroes.css (v2)

#DickGrayson::before { content: "Robin"; }
#DickGrayson::after { content: "Nightwing"; }

/************/

.Robin:nth-of-type(1) { content: "Dick Grayson"; }

.Robin:nth-of-type(2) { content: "Jason Todd"; }

.Robin:nth-of-type(3) { content: "Tim Drake"; }

.Robin:nth-of-type(4) { content: "Stephanie Brown"; }

.Robin:nth-of-type(5) { content: "Damian Wayne"; }

/************/

#Krypton > :last-child { content: "Superman"; }

/************/

#RasAlGhul > :nth-child(1) + #Batman > ::after { content: "Damian Wayne"; }

/************/

#Aquaman { speak-as: fish; }

/************/

#WandaMaximoff ~ * { all: unset; transform: scaleX(-1) rotate(180deg); order: revert; display: flex; align-items: unsafe center; justify-content: revert-layer; will-change: all; }

/************/

#DinahDrake, #DinahLance { color: #000; volume: x-loud; }
#OliverQueen { content: "\2192"; color: #008000; }

/* Marvel */

#PeterParker { position: sticky; }
#NatashaRomanoff { color: #000; widows: 1; }
#ReedRichards { flex: 1; }
#SueStorm, #SueRichards { visibility: hidden; opacity: 1; will-change: opacity; }
#BlackBolt { speak: never; }
#PietroMaximoff { animation-duration: 0.000001s; color: #c0c0c0; }
See more comics