WheelNav JS Css样式

Question

我正在使用WheelNavJS并且我试图在同一页面上获得至少3个

根据...... http://wheelnavjs.softwaretailoring.net/documentation/css3.html

您使用语法

[class|=wheelnav-divWheel]

其中divwheel是wheelnav Div的ID

我的问题是，因为我有一个以上的轮子，每个都有不同的ID（但都在同一个类中）是否有一种快速的方法将相同的样式应用到我页面上的所有轮子上？

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

在某些情况下确实有用（并非所有情况都取决于功能）并且看起来很乱？

我可以摆脱这个     [类| =

这可能真的是新手，但在我经常使用之前我没有看过像这样编写过的CSS。和＃

也许我真正要问的是，我可以将其更改为应用于课程而不是ID。或者，如果有人指望我指的是何时使用[class | =]而不是通常的＃或。选择器？

Answer 1

这是因为wheelnav中的每个项目都有唯一的类名。例如：＆＃39; wheelnav-wheel1-slice-selected-0＆＃39;。这样可以确保所有元素都具有不同的风格。

基本上你可以根据wheelnav的持有者div来应用这些类名。

[attribute|="value"]选择器用于选择具有以指定值开头的指定属性的元素。

因此，您可以使用[class | =＆＃39; wheelnav＆＃39;]选择器来满足您的需求。

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

这是JS Bin。