Click a selector to start!

Browser Support: browser logos


    Delegation


    Factory pattern


    First class function

JavaScript
  closure


    Inheritance
    binding

public
CSS Reference

    Mozilla
    Patterns
        

    type
    Boolean
    string AJAX
    MVC.
        

    
    
        Always bet on JavaScript
    

1
2
3

  4


    Lists
    
        
            One.
        
        
            Two.
        
        
            Three.
        
    
    
        
            One.
        
        
            Two.
        
    
    method

Meta

    Access clone 
    hierarchy
    partial base

Form

    
    
    Default text.
    
        
            Legend
        
        
          variable
            
        
        
          constant
            
        
    
    
    
    
        let

CSS Selectors

Click a CSS selector type below to learn more about it.

* Universal
#x ID
.x Class
x y Descendant
x Element
x:pseudo-class Pseudo-class
x + y Adjacent sibling
x > x Child
x ~ y General sibling
x[attr] Attribute
x[attr='value'] Attribute (equals)
x[attr*='value'] Attribute (contains)
x[attr^='value'] Attribute (prefix)
x[attr$='value'] Attribute (suffix)
x[data-*='value'] Attribute (data)
x[foo~="foo bar"] Attribute (values)
x:checked Checked
x::after After
x:hover Hover
x:not(selector) Not
x:pseudoElement Pseudo-element
x:nth-child(n) nth-Child
x:nth-last-child(n) nth-Last-child
x:nth-of-type(n) nth-Type-of
x:nth-last-of-type(n) nth-Last-of-type(n)
x:first-child First-child
x:last-child Last-child
x:only-child Only-child
x:only-of-type Only-of-type
x:first-of-type First-of-type

JavaScript closure

Lists

method

Meta

Form