Currently if I have this html:
<ul class="component">
<li><a href="#">Item 1 <span class="count">(37)</span></a></li>
<li><a href="#">Item 2 <span class="count">(337)</span></a></li>
<li><a href="#">Item 3 <span class="count">(1337)</span></a></li>
</ul>
And I want to use the ignore option to ignore all I would need this configuration:
{
"name": "MyComponent",
"selector": ".component",
"ignore": [
"li:nth-child(1) .count",
"li:nth-child(2) .count",
"li:nth-child(3) .count"
]
}Whereas if this querySelector() call would have been a querySelectorAll() call, one could simply use this selector:
{
"name": "MyComponent",
"selector": ".component",
"ignore": ["li .count"]
}
Currently if I have this html:
And I want to use the
ignoreoption to ignore all I would need this configuration:{ "name": "MyComponent", "selector": ".component", "ignore": [ "li:nth-child(1) .count", "li:nth-child(2) .count", "li:nth-child(3) .count" ] }Whereas if this
querySelector()call would have been aquerySelectorAll()call, one could simply use this selector:{ "name": "MyComponent", "selector": ".component", "ignore": ["li .count"] }