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样式

回答

相关问题