iska
31 lines
1.2 KiB
HTML
31 lines
1.2 KiB
HTML
<script type="application/json" id="selectors">
|
|
[{
|
|
"selector": "p:nth-of-type(3)",
|
|
"match": ["1"]
|
|
},
|
|
{
|
|
"selector": "dl > :nth-of-type(3n+1)",
|
|
"match": ["2", "3", "4", "5"]
|
|
}]
|
|
</script>
|
|
<div id="testDOM">
|
|
<p>This paragraph is here only to fill space in the DOM</p>
|
|
<address>And this address too..</address>
|
|
<p>So does this paragraph !</p>
|
|
<p id="1" class="red">But this one should have green background</p>
|
|
<dl>
|
|
<dt id="2" class="red">First definition term that should have green background</dt>
|
|
<dd id="3" class="red">First definition that should have green background</dd>
|
|
<dt>Second definition term</dt>
|
|
<dd>Second definition</dd>
|
|
<dt>Third definition term</dt>
|
|
<dd>Third definition</dd>
|
|
<dt id="4" class="red">Fourth definition term that should have green background</dt>
|
|
<dd id="5" class="red">Fourth definition that should have green background</dd>
|
|
<dt>Fifth definition term</dt>
|
|
<dd>Fifth definition</dd>
|
|
<dt>Sixth definition term</dt>
|
|
<dd>Sixth definition</dd>
|
|
</dl>
|
|
</div>
|