Please enable JavaScript.

Coggle requires JavaScript to display documents.

CSS - Coggle Diagram

- - - - attribute = "val"
    - - Target (:target)
      - The UI element State
        
        i) :enabled
        ii) :disabled
        iii) :read-only
        iv) :checked
      - Dynamic
        
        i) :link
        ii) :visited
        iii) :hover
        iv) :active
        v) :focus
      - The UI element Validation State
        
        i) :valid
        ii) :invalid
        iii) :required
        iv) :optional
        v) :in-range
        vi) :out-of-range
    - - Descendant Selectors ( space )
        
        Child Selector ( > )
        
        Adjacent Sibling (+)
        
        General Sibling ( ~)
    - - i) :first-child
        ii) :last-child
        iii) :nth-child(number)
        iv) :nth-of-type(occurrence, n)
        v) :nth-last-of-type(n)
        vi) :nth-last-child(n)
        vii) :root
        viii) :empty
    - - i) ::first-line
        ii) ::first-letter
        iii) ::before
        iv) ::after