Показать сообщение отдельно
  #5 (permalink)  
Старый 12.03.2015, 21:22
Аспирант
Отправить личное сообщение для aleksandr8i Посмотреть профиль Найти все сообщения от aleksandr8i
 
Регистрация: 16.06.2012
Сообщений: 44

Сообщение от рони Посмотреть сообщение
aleksandr8i,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  ul{
    margin:0 auto;
    width:350px;
  }

  li{
    float:left;
    width:50px;
    list-style:none;
  }

  li:hover{
    background:#00FF00;
  }

  li:nth-child(n +5):hover{
    background:#FF3333;
  }
  </style>
</head>

<body>  <ul>
<li class="bg_link">link</li>
<li class="bg_link">link</li>
<li class="bg_link">link</li>
<li class="bg_link">link</li>
<li class="bg_link">link</li>
<li class="bg_link">link</li>
<li class="bg_link">link</li>
</ul>



</body>

</html>
Спасибо. Ваш пример был полезен, понял что нужно использовать nth-child в js буду искать примеры js кода, где используется nth-child.
Но буду так же благодарен, если кто-то здесь приведет пример
Ответить с цитированием