## class selectors

When to use classes?

- Within a page, there are elements that are the "same" from a markup perspective, but need to be styled differently.
- Within a site, there is content that has the "same" markup, but needs to be styled differently.

    section  {
        background-repeat: no-repeat;
        background-size: 80px;
        padding-left: 100px;
        padding-bottom: 1.5rem;
    }
    section h2 {
       color: rgb(163,28,48);

    }
    section.html {
        background-image: url(../images/logo-html5.png);
    }
    section.css {
        background-image: url(../images/logo-css3.png);
    }
    section.javascript {
        background-image: url(../images/logo-js.png);
    }