"Validated CSS" is not correct for some @​rules

[ylafon]

Like @media screen { }giving @media screen in the output, or improper { in the case of nested @​rules.

[hannibal218bc]

Consider this example:

@media print {
    @page {size: a4}
    body {background: none}
 }

The validator will currently show:

@media print {}
@page {size: a4}
body {background: none}

Notice how the "@media print" is ended before the @page block and how the "body" rule is promoted to the global (unrestricted) level.

Is this also in the scope of this issue?

[hannibal218bc]

At https://github.com/Handig-Eekhoorn/css-validator/tree/heek-nested-blocks-fix-issue-182 is a first try to make Stylesheet and CssRuleList aware of nested CssRuleList blocks. I've only added a List<CssRuleList> newGetRulesTree() to Stylesheet and List<ICssStyleRuleOrCssRuleList> getStyleRulesTree() to CssRuleList.

I have no idea what further needs to be done to also display the rule block tree on the validation output page.