Parent classes get the CSS style of the child classes if you add an extra comma
jesse-deboer opened this issue ยท 6 comments
Parent classes get the css from nested classes if you accidentally put a comma at the end. I really don't know if this should be considered to be a bug or an issue .. ๐
Please see below for an example:
.testClass {
.childClass, .secondChildClass, {
background:red;
}
}
.testClass
will get a red background. This does not happen when using SCSS for example.
It is a bug.
What is the output in this case?
The compiled output is the following:
.testClass .childClass, .testClass .secondChildClass, .testClass { background:red; }
I think the issue should be somewhere here https://github.com/postcss/postcss-nested/blob/main/index.js#L40-L56
Can I ask you to look? I am working this week on another open-source project.
No problem @ai, I will try to look if I can fix this!
Fixed in PR #118!
The fix was released in 5.0.5.
Thanks for the report and fix.