WheelNav JS Css 样式

Question

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

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

你使用语法

[class|=wheelnav-divWheel]

其中 divwheel 是 wheelnav 的 ID Div

我的问题是，因为我有多个轮子，每个轮子都有不同的 ID（但都在同一个 class）我的页面？

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

似乎在某些情况下有效（并非全部取决于功能）并且看起来有点混乱？

我可以去掉 [class|=

这可能真的是新手，但在我通常使用 .和#

也许我真正想问的是，我可以更改它以应用于 classes 而不是 ID。或者，如果有人指点我什么时候会使用 [class|=] 而不是通常的 # 或。选择器？

Answer 1

发生这种情况是因为 wheelnav 中的每个项目都有唯一的 class 名称。例如：'wheelnav-wheel1-slice-selected-0'。这样可以确保所有元素都可以使用不同的样式。

基本上，您可以根据 wheelnav 的持有者 div 应用 classes 这些 class 名称。

[attribute|="value"]selector 用于select具有指定属性并以指定值开头的元素。

因此您可以使用 [class|='wheelnav'] select 或

来满足您的需求

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

这是一个 JS Bin。