How to change css style value using php in a for loop?

Question

I've downloaded this slider:

http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/

What I want to do is to make the dot (bullet) for each slider a specific color (first is red, second is blue, etc), and not to be white for all slides.

The class that controls this issue is .da-dots span.da-dots-current:after (in style.css if you downloaded the files above).

The problem is how to change the background property of .da-dots span.da-dots-current:after in the index.html (or index.php ) file?

The issue is that the slides are actually a number of DIV 's that are listed in the source code and animated using the jQuery slider above.

My index.php contains: http://codepad.org/6Xoelift

Answer 1

假设仅支持处理CSS3选择器的浏览器 ，则可以使用nth-child选择器 :nth-child(1) :nth-child(2) :nth-child(3) …来为每个点设置不同的样式。