Форум

verazub · #1 (**permalink**) 10.04.2016, 19:51

Задача в том что бы переименовать «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>

рони · #2 (**permalink**) 10.04.2016, 20:30

verazub,
вариант ...

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
 #side_bar_inner  li:nth-of-type(2) .left_row:before {
    font-size: 13px !important;
    content:"Test3";
}
#side_bar_inner  li:nth-of-type(3) .left_row:before {
    font-size: 13px !important;
    content:"Test4";
}
 #side_bar_inner  li:nth-of-type(2)  .left_label{
    visibility: hidden;
}
#side_bar_inner  li:nth-of-type(3)  .left_label{
    visibility: hidden;
}
</style>
</head>

<body>
<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>

</body>
</html>

vitzas · #3 (**permalink**) 09.05.2016, 13:29

ну а что тут сложного написал нтх и выбирай какой елемент по счету нужен

vitzas · #4 (**permalink**) 10.05.2016, 17:05

поставь себе cms по типу http://www.umi-cms.ru/product/

Форум

Справочник

Discord чат

Курсы javascript