[DOCS] Reorder some lines in the class diagram (part 1)

This is in preparation for #1298.

Author: oliverklee

README.md

@@ -727,6 +727,14 @@ classDiagram
         <<abstract>>
     }
 
+    Anchor ..> ParserState: dependency
+    CSSListItem <|-- AtRule: inheritance
+    AtRule <|.. AtRuleSet: realization
+    CSSBlockList <|-- AtRuleBlockList: inheritance
+    AtRule <|.. AtRuleBlockList: realization
+    %% end of the generated part
+
+
     RuleSet <|-- DeclarationBlock: inheritance
     Renderable <|-- CSSElement: inheritance
     Renderable <|-- CSSListItem: inheritance
@@ -736,10 +744,8 @@ classDiagram
     CSSListItem <|.. RuleSet: realization
     RuleContainer <|.. RuleSet: realization
     RuleSet <|-- AtRuleSet: inheritance
-    AtRule <|.. AtRuleSet: realization
     Renderable <|.. Selector: realization
     Selector <|-- KeyframeSelector: inheritance
-    CSSListItem <|-- AtRule: inheritance
     Positionable <|.. Charset: realization
     AtRule <|.. Charset: realization
     Positionable <|.. Import: realization
@@ -761,8 +767,6 @@ classDiagram
     CSSListItem <|.. CSSList: realization
     CSSList <|-- KeyFrame: inheritance
     AtRule <|.. KeyFrame: realization
-    CSSBlockList <|-- AtRuleBlockList: inheritance
-    AtRule <|.. AtRuleBlockList: realization
     CSSFunction <|-- Color: inheritance
     PrimitiveValue <|-- URL: inheritance
     RuleValueList <|-- CalcRuleValueList: inheritance
@@ -778,10 +782,6 @@ classDiagram
     ValueList <|-- RuleValueList: inheritance
     Renderable <|.. Comment: realization
     Positionable <|.. Comment: realization
-    %% end of the generated part
-
-
-    Anchor ..> ParserState: dependency
     CSSList ..> CSSList: dependency
     CSSList ..> Charset: dependency
     CSSList ..> Comment: dependency