How to make individual css for templates?

[earnest crane]

i'd like to make multiple infoboxes that look different and i can't find anything useful online

[primal pike]

Use the templatestyles extension?
https://www.mediawiki.org/wiki/Extension:TemplateStyles

If you are running into issues where the stylesheet of one template is messing up the stylesheet of another template, prefix your css rules with container classes.

For example,

<div class="infobox1">
...
</div>

CSS:

.infobox1 .title {
   ...
}

[earnest crane]

so do i just create a page named Infobox/styles.css?

[primal pike]

Yes. And also add <templatestyles src="Example/styles.css" />

[earnest crane]

add that to the page or the page's css?

or wiki's css

[primal pike]

Add it to the template

[primal pike]

The documentation should have sufficient info about this.

There's also https://meta.miraheze.org/wiki/Help:How_to_write_HTML_and_CSS if you want to know your options.