can i add this to a css file

<!--this is to style li items-->
<style type="text/css">
.li1 {
 
	background-color: #2f0018;
}
 
</style>
<!--this changes text to white against wine red background-->
<style type="text/css">
	a.pagelink:link,
	a.pagelink:visited,
	a.pagelink:active { color: #fff; text-decoration: none; }
}
</style>
<!--this changes background to white wine-->
<style type="text/css">
.li2 {
	background-color: #fff;
</style>
<!--for rosé I set the opacity at 33%-->
<style type="text/css">
.li3 {
	background-color:rgba( 255, 192, 203,0.33);
	}
</style>
<!--this changes background to vine green-->
<style type="text/css">
.li4 {
	background-color: #c3dbbf;
}
</style>