나는 시도하고 내 문제를 해결하기 위해 선택기를 CSS 속성 연구했다

X보다 큰 숫자가 포함 된 클래스 이름을 선택 DOM 요소를 선택하기 위해 CSS를 사용 :나는 시도하고 내 문제를 해결하기 위해 선택기를 CSS 속성 연구했다

나는 DOM의 무리가 json 계층에서 깊이에 따라 모두 분류되는 요소 (DOM에 중첩되어 있지는 않지만). 따라서 DOM은 다음과 같이 보일 수 있습니다.

<g class="node0"> 
<g class="node2"> 
<g class="node2"> 
<g class="node1"> 
<g class="node3">

g 노드를 node2 이상의 클래스로 대상으로하는 선택기를 작성하고 싶습니다. 순수한 CSS로 이것을 할 수있는 방법이 있습니까?

2013-02-12 mheavers

[class^=node]:not(.node0):not(.node1) { 
    // styles here 
}

2013-02-12 12:37:40

이 나를 이길 :> 단지 보여주기 위해 바이올린을 추가했다. http://jsfiddle.net/8zfJS/ –

@ DanSaltmer 감사하지만 나는 바이올린을 만들었습니다. http://jsfiddle.net/3GNNZ/ 귀하의 의견을 추가했습니다. –

아 - 그렇지만 1보다 큰 모든 노드 (0이 아니거나 1이 아님)를 선택하거나 6보다 큰 노드를 선택하려는 경우 어떻게해야할까요? 수학적 범위 또는 연산자를 처리 할 수 있습니까? – mheavers

답변