CSS Selectors

    

p {}


    

    

<div class="class-name"></div>


    

    

.class-name {}


    

    

<div class="class-one class-two"></div>


    

    

.class-one.class-two {}


    

    

<p class="class-name"></p>


    

    

p.class-name {}


    

    

<div id="id-name"></div>


    

    

#id-name {}


    

    

#id-name p {}


    

    

#id-name > p {}


    

    

/* Elements with attribute */
[title] {}


    

    

/* Type with attribute */
a[title] {}


    

    

/* Exact */
a[title="value"] {}


    

    

/* Contains value */
a[title*="value"] {}


    

    

/* Starts with value */
a[title^="value"] {}


    

    

/* Ends with value */
a[title$="value"] {}


    

    

p ~ ul {}


    

    

p + ul {}


    

    

p, .class-name, #id-name {}


    

    

a:hover {}


    

    

.class-name::before {}


    

    

* {}