Highlight the second element

Question

Hello, there is a simple list:

<ul class="spisok"> <li><span>Текст</span></li> <li><span>Текст</span></li> <li><span>Текст</span></li> <li><span>Текст</span></li> </ul>

How to add to the second element "li" red color to the text, given that you can add classes either to all or to none.

The label emphasizes that the decision is expected on a "clean" JS.
Remember what Ockham said when he cut himself while shaving?

Yura Ivanov Yura Ivanov 25.2k one 22 52 · Accepted Answer · 2012-07-19T14:19:55

It is possible so:

  li:nth-child(2) {color:red}

Answer 2 · 2012-07-19T14:08:45

.eq ()

Here, it is direct, EXACTLY, ONE in ONE your question. And the color is even red.

 $('li.spisok').eq(1).css('background-color', 'red');//вот с номером тока ошиблись. На единицу.

 var classOfUl = 'spisok'; var WhichLi = 2; var uls = document.getElementsByTagName('ul'); for(var i=0;i<uls.count;i++){ if(uls[i].className==classOfUl){ var lis = uls.getElementsByTagName('li'); lis[(WhichLi-1)].style.color = 'red'; } }

I have mootools connected on another project, and accordingly all the plugins through it

Sleeping Owl 141 one 2 9 · Answer 3 · 2012-07-19T15:06:10

ul li:first-child+li

Like so.

Highlight the second element

3 answers 3

More articles: