no-mergeable-selectors not working properly with nth-child(even) nth-child(odd)

[adrifmonte]

What version of Sass Lint are you using?

Older (working) version:

[email protected] node_modules/gulp-sass-lint
├── [email protected] ([email protected], [email protected])
└── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected])

[email protected] node_modules/sass-lint
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected])
└── [email protected] ([email protected], [email protected])

Newer (buggy) version:

[email protected] node_modules/gulp-sass-lint
├── [email protected] ([email protected], [email protected])
└── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected])

[email protected] node_modules/sass-lint
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected])
└── [email protected] ([email protected], [email protected])

Please include any relevant parts of your configuration

  no-mergeable-selectors:
    - 2

What did you do? Please include the actual source code causing the issue.

.fake-field {
  tbody {
    tr:nth-child(even) {
      background: lighten($theme-color-primary, 50%);
    }
    tr:nth-child(odd) {
      background: #FFFFFF;
    }
  }
}

What did you expect to happen?

I expected no issues, since those two rules aren't mergeable!

What actually happened? Please include any error messages given to you by Sass Lint.

Rule .fake-page .fake-table tbody tr:nth-child(null) should be merged with the rule on line 66 (no-mergeable-selectors)

If you're using a IDE plugin have you tried the CLI too?

The former version (1.8.2) didn't have that bug. After an npm update, it was updated to version 1.9.0, and this bug was reproduced (see "What version of Sass Lint are you using?" section).
I have tested running the sass-lint with and without the gulp plugin, and the bug was reproduced on both situations.

[Nickman87]

We also have this issue in 1.9.0 with the nth-child selectors, but it doesn't end there.
The following selector is also failing

&:not(:first-child) {
   border-left: none;
}

I don't see a specific test case being added for the not selector in the related pull request, will this also be fixed by your changes @DanPurdy ?

[DanPurdy]

@Nickman87 I'll check, it should be as it was just a case of missing a node type check.

[DanPurdy]

@Nickman87 I added your tests to the PR i can confirm the fix did fix this too and you should see it arrive in the next release which will hopefully be a patch release very soon

[Nickman87]

awesome! thanks