Question

我有以下层次结构，这在几个地方使用（所以通过jQuery向它们添加一个类是不可行的。）

<li class="paginable">
    <span id="step-1" class="done"></span>
</li>

<li class="paginable">
    <span id="step-2" class="done"></span>
</li>

<li class="paginable">
    <span id="step-3" class="done"></span>
</li>

<li class="paginable">
    <span id="step-4" class="not-done"></span>
</li>

<li class="paginable">
    <span id="step-5" class="not-done"></span>
</li>

根据元素done上的课程span，我必须为那些同时拥有课程span[id^="step-"]的{{1}}提供某种风格。

但不包括上一个done与课程span。

如何使用课程done排除上一个span。类done和done按顺序改变，就像一系列步骤一样。

我试过了： not-dont

但它不起作用，我逻辑上知道原因。

任何建议仅限CSS ？或者我应该在使用jQuery切换的地方添加类？

Answer 1

我不认为只有css解决方案可用。

使用jQuery

No caching-0: 8000 generated 6256 in 1.14984297752 secs (PI = 3.128)
No caching-1: 8000 generated 6256 in 0.0597329139709 secs (PI = 3.128)
No caching-2: 8000 generated 6256 in 0.0577840805054 secs (PI = 3.128)
No caching-3: 8000 generated 6256 in 0.0545349121094 secs (PI = 3.128)
No caching-4: 8000 generated 6256 in 0.0544559955597 secs (PI = 3.128)
With caching-0: 8000 generated 6256 in 0.069139957428 secs (PI = 3.128)
With caching-1: 8000 generated 6256 in 0.0549170970917 secs (PI = 3.128)
With caching-2: 8000 generated 6256 in 0.0531771183014 secs (PI = 3.128)
With caching-3: 8000 generated 6256 in 0.0502359867096 secs (PI = 3.128)
With caching-4: 8000 generated 6256 in 0.0557379722595 secs (PI = 3.128)`

演示：Fiddle

避免包含特定类元素

1 个答案: