WheelNav JS CSS樣式

進出口使用WheelNavJS和Im試圖根據同一頁WheelNav JS CSS樣式

上得到至少3 .. http://wheelnavjs.softwaretailoring.net/documentation/css3.html

您使用語法

[class|=wheelnav-divWheel]

其中divwheel是輪的編號Div

我的問題是，由於我有多個輪子，每個輪子都有不同的ID（但都是在同一個班級中）是否有快速的方法將相同的樣式應用於我的頁面上的所有輪子？

[class|=wheelnav-divWheel],[class|=wheelnav-divWheel2],[class|=wheelnav-divWheel3]

似乎工作ñ某些情況下（不是所有的視功能），似乎升技雜亂？

我可以擺脫 [類| =

這可能是真的，但新手我從來沒見過這樣寫的，以前我通常使用的CSS。和＃

也許真正要問的是，我可以改變它適用於類而不是ID。或者，如果有人指出我會在何時使用[class | =]而不是通常的＃或。選擇？

來源

2017-03-15 user2445278

你可以讓一個jsfiddle或plunker或東西展示你的問題？ – Rooster

當然。我明白。我只是不想粘貼沒有測試的答案。如果你做了一個jsfiddle或plunker，我可以測試答案，這將節省每一次，包括具有相同問題的未來人。 – Rooster

感謝您花時間回覆，抱歉，我可能已經非常清楚。我基本上只是想整理我的CSS。林不熟悉 [類| =]寫作和不適結了很多東西像的風格[類| = wheelnav-WHEEL1片選]，[類| = wheelnav-wheel2片，基本]，[class | = wheelnav-wheel3-slice-basic] 這似乎效率低下，如果我添加更多的車輪編號必須進一步擴大，包括wheel4等 – user2445278

發生這種情況是因爲wheelnav中的每個項目都有唯一的類名稱。例如：'wheelnav-wheel1-slice-selected-0'。這確保了所有元素都可以採用不同的風格。

基本上你可以根據wheelnav的持有者div來應用這些類名。

[attribute|="value"]選擇器用於選擇具有以指定值開始的指定屬性的元素。

所以你可以用[class | ='wheelnav']選擇器來實現你的需要。

[class|='wheelnav'] { 
    fill: #1572b6; 
    stroke: white; 
    stroke-width: 2px; 
    cursor: pointer; 
}

這是一個JS Bin。

來源

2017-03-17 20:05:33

WheelNav JS CSS樣式

回答

相關問題