/* Select by Element */

input {
    margin-top: 5px;
    padding: 3px;
}

/* Select by ID */

#submitButton {
    border-radius: 5px;
}

/* Set up wingdingalings */

@font-face {
    font-family: Wingdings;
    src: url(fonts/Wingdings-Regular.ttf);
}
/* Select by Class */

.lorem {
    font-family: Wingdings;
}

/* Select by Attribute */

input[required] {
    background-color: yellow;
}

/* Select by Pseudo-element */

label::after {
    content: ":";
}

/* Select by Adjacent element */

label + input {
    margin-left: 10px;
}

/* Select by Child element */

body > * {
    margin-bottom: 10px;
    margin-top: 10px;
}

/* Select by Sibling element */

p ~ p {
    color:blue;
}

/* Select by Descendant element */

fieldset * {
    text-transform: uppercase;
}