CODEWITHSUNDEEP
phpjavascriptjqueryhtmlcss
Hisham Ramadan
Hisham Ramadan

Reputation: 323

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

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

Upvotes: 1

Views: 395

Answers (1)

LeBen
LeBen

Reputation: 2049

Assuming you support only browsers handling CSS3 selectors, you can use the nth-child selector :nth-child(1), :nth-child(2), :nth-child(3), … to style each dot differently.

Upvotes: 1

Related Questions