나는 다음과 같은 계층 구조를 가지고 있으며 여러 곳에서 사용됩니다 (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-"]
또한 클래스를 가지고하는 done
.
그러나 span
클래스에 마지막 을 포함하지 않습니다 done
.
span
클래스로 마지막 을 제외하려면 어떻게해야합니까 done
? 일련의 단계처럼 순서대로 클래스 done
와 not-dont
변경됩니다.
난 노력 했어: span[id^="step-"].done:not(-- with lots of combinations of last child on parent as well as child --)
그러나 그것은 작동하지 않으며 논리적으로 그 이유를 알고 있습니다.
CSS 만 제안 하시겠습니까? 아니면 jQuery를 사용하여 전환되는 모든 곳에서 클래스를 추가해야합니까?
CSS 전용 솔루션을 사용할 수 있다고 생각하지 않습니다.
jQuery 사용
$('span.done[id^="step-"]').not(':last').css('color', 'red')
데모 : Fiddle
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다