Style ol and ul numbers or bullets separately

styled-ul

ul {
		list-style: none;
		padding-left: 1.1225em;
	}

	ul li {
		position: relative;
		padding-bottom: 3px;
	}

	ul li::before {
		content: "\2022";
		color: green;
		position: absolute;
		left: -1.1225em;
		padding-right: 0;
	}

styled-ul-ol

ul, ol {
	list-style: none;
	padding-left: 1.1225em;
}

ol {
	counter-reset: li;
	position: relative;
}

ul li {
	position: relative;
	padding-bottom: 3px;
}

ul li::before,
ol li:before {
	content: "\2022";
	color: blue;
	position: absolute;
	left: -1.1225em;
	padding-right: 0;
}

ol li:before {
	content: counter(li)'.';
	counter-increment: li;
	left: -0.1225em;
	font-weight: bold;
}

styled_bullets.css

ul, ol { list-style: none; margin: 0; padding: 0; color: green; }
ol { counter-reset: li; }
ul li:before, ol li:before { padding-right: 5px; color: red; }
/* Swap out the bullets/numbers for custom text */
ul li:before { content: "\2022 "; }
ol li:before { content: counter(li)'.'; counter-increment: li; }