Разобраться не могу с псевдоклассом :nth-child
Задача в том что бы переименовать «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> |
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>
|
ну а что тут сложного написал нтх и выбирай какой елемент по счету нужен
|
поставь себе cms по типу http://www.umi-cms.ru/product/
|
| Часовой пояс GMT +3, время: 18:56. |