argus-eyes
argus-eyes copied to clipboard
Ignore selectors should match multiple
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"]
}