﻿/* selects the <html> and <body> elements */


/* Selects element with tag type <header> */


    /* 
    Use > symbol to select a child element of another element
    selects the child element of type <div> contained in a <header> element:      <header><div>...</div></header>, 
    child element of type <div> contained in a <main> element:                    <main><div>...</div></main>, 
    and child element of type <div> contained in a <footer> element on the page   <footer><div>...</div></footer> 
*/


/* Selects element with attribute id="logo" */


/* Selects two elememts:
    element with attribute id="logo" 
    element with attribite id="main-menu"
*/


/* 
        Selects an element with attribite id="main-menu"
    */



/* selects any descendant (child, grandchild, great-grandchild, etc.) elements of type <li> 
    contained in an element with attribute id="main-menu" */


/* selects any descendant elements of type <a> 
        contained in an element with attribute id="main-menu" OR id="logo" */


    /* selects any descendant elements of type <a> contained in an element with attribute id="main-menu" */


    /* selects any descendant elements of type <a> 
        contained in an element with attribute id="main-menu" WHEN the user hovers (mouse over) it */


/* selects any child elements of tag type <img> of any element with attribute class="film" */


/* selects any element with attribute class="film" */


/* selects any element with attribute class="rating" */


/* selects any element with attribute class="rating" */


/* selects the last child element of tag type <p> contained in any element with attribute class="film" */


/* selects any child elements of tag type <span>
    that is a child of the third child element of tag type <p> of any element with attribute class="film"
*/
/* TELL THEM to style */


/* selects any element with attribute id="jumbotron" */


    /* selects any descendant elements of type <h2> contained in an element with attribute id="jumbotron" */


    /* selects any descendant elements of type <h1> contained in an element with attribute id="jumbotron" */


/* selects any element with attribute class="coming-soon" */


/* selects any element of tag type <main> */


/* selects any element of tag type <button> or
    any element with attribute class="button" */


/* selects any element of tag type <a> and with attribute class="button" */


    /* selects any element of tag type <button> with attribute class="film" */


/* selects any element with attribute class="film-categories" */


    /* selects any child elements of tag type <button> of any element with attribute class="film-categories" */


/* selects any element of tag type <footer> */


/* selects any element with attribute class="footer-menu" */


    /* selects any descendant elements of tag type <a> contained in any element with attribute class="footer-menu" */
