2013-08-30 88 views
1

我已經下載了這個滑塊:如何在for循環中使用php更改css樣式值?

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

我想要做的就是讓點(子彈),每個滑塊的特定顏色(第一個是紅色的,第二個是藍色的,等等),而不是所有幻燈片都是白色的。

控制此問題的類是.da-dots span.da-dots-current:after(如果您下載了上述文件,則在style.css中)。

問題是如何更改index.html(或index.php)文件中.da-dots span.da-dots-current:after的背景屬性?

問題是幻燈片實際上是源代碼中列出的使用上面的jQuery滑塊動畫的DIV的數字。

index.php包含:http://codepad.org/6Xoelift

+0

我會分配一個類到你想要的樣式的div。根據條件爲div分配不同的類。 – Vector

回答

1

假設你只支持瀏覽器處理CSS3 selectors,您可以使用nth-child selector:nth-child(1):nth-child(2):nth-child(3),...樣式每個點不同。

+0

您的意思是這樣做:.da-dots span.da-dots-current:after:nth-​​child(1){background:white; } .da-dots span.da-dots-current:after:nth-​​child(2){background:red; } 這不起作用:( –

+0

我認爲你不能在':after'後面使用':nth-​​child',因爲這是一個[僞元素](http://www.w3schools.com/css/) css_pseudo_elements.asp) – nubinub

+0

'.da-dots-current'類可能是錯誤的,因爲它應該邏輯上只涉及當前幻燈片。如果沒有現場代碼播放,很難幫助您。 – LeBen