CSS AST Explorer

CSSTree: 3.1.0
StyleSheet
  1. children:
    1. Rule
      1. prelude:
        SelectorList
        1. children:
          1. Selector
            1. children:
              1. TypeSelector
                1. name: "a"
      2. block:
        Block
        1. children:
          1. Declaration
            1. important:
            2. property: "color"
            3. value:
              Value
              1. children:
                1. Identifier
                  1. name: "red"
          2. Declaration
            1. important:
            2. property: "background"
            3. value:
              Value
              1. children:
                1. Identifier
                  1. name: "blue"
          3. Raw
            1. value: "test-nested { color: green; }"
    2. Rule
      1. prelude:
        SelectorList
        1. children:
          1. Selector
            1. children:
              1. TypeSelector
                1. name: "c"
              2. Combinator
                1. name: "+"
              3. TypeSelector
                1. name: "b"
              4. AttributeSelector
                1. name:
                  Identifier
                  1. name: "aria-selected"
                2. matcher: "="
                3. value:
                  String
                  1. value: "true"
                4. flags:
      2. block:
        Block
        1. children:
          1. Declaration
            1. important:
            2. property: "border"
            3. value:
              Value
              1. children:
                1. Dimension
                  1. value: "3"
                  2. unit: "px"
                2. Identifier
                  1. name: "solid"
                3. Function
                  1. name: "rgb"
                  2. children:
                    1. Number
                      1. value: "0"
                    2. Percentage
                      1. value: "30"
                    3. Number
                      1. value: "0"
                    4. Operator
                      1. value: "/"
                    5. Percentage
                      1. value: "50"
    3. Atrule
      1. name: "media"
      2. prelude:
        AtrulePrelude
        1. children:
          1. MediaQueryList
            1. children:
              1. MediaQuery
                1. modifier:
                2. mediaType:
                3. condition:
                  Condition
                  1. kind: "media"
                  2. children:
                    1. Feature
                      1. kind: "media"
                      2. name: "min-width"
                      3. value:
                        Dimension
                        1. value: "600"
                        2. unit: "px"
      3. block:
        Block
        1. children:
          1. Rule
            1. prelude:
              SelectorList
              1. children:
                1. Selector
                  1. children:
                    1. TypeSelector
                      1. name: "test"
            2. block:
              Block
              1. children:
                1. Declaration
                  1. important:
                  2. property: "color"
                  3. value:
                    Value
                    1. children:
                      1. Identifier
                        1. name: "blue"