[verazub]

Задача в том что бы переименовать «test1» на одно название, а «test2» на другое, но я не знаю как это сделать и вообще возможно данное действие, потому что как не мучил псевдокласс :nth-child не получается сделать так что бы было:

#side_bar_inner [id*="l_mgid"] .left_label:before:nth-child(1) {
    font-size: 13px !important;
    content:"Test3";
}
#side_bar_inner [id*="l_mgid"] .left_label:before:nth-child(2) {
    font-size: 13px !important;
    content:"Test4";
}

Помогите с решением проблемы как правильно подставить «:nth-child»

#side_bar_inner [id*="l_mgid"] .left_label {
    font-size: 0px !important;
}
#side_bar_inner [id*="l_mgid"] .left_label:before {
    font-size: 13px !important;
    content:"Test3";
}

<div id="side_bar_inner">
	<ol>
		<li id="l_pr">
		<a href="/primer">
		<span class="left_label inl_bl">Моя страница</span>
		</a>
		</li>
		<li id="l_mgid11111111">
		<a href="/test1" class="left_row">
		<span class="left_label inl_bl">test1</span>
		</a>
		</li>
		<li id="l_mgid22222222">
		<a href="/test2" class="left_row">
		<span class="left_label inl_bl">test2</span>
		</a>
		</li>
	</ol>
</div>