/* 1. Select by element */
input {
    margin-top: 5px;
    padding: 3px;
}

/* 2. Select by ID */
#submit {
    border-radius: 5px;
}

/* 3. Select by class */
.lorem {
    font-family: Wingdings;
}

/* 4. Select by attribute */
input[required] {
    background-color: yellow;
}

/* 5. Select using a pseudo-element */
label::after {
    content: ":";
}

/* 6. Select by adjacent element */
label + input {
    margin-left: 10px;
}

/* 7. Select by child element */
body > * {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* 8. Select by sibling element */
p ~ p {
    color: blue;
}

/* 9. Select by descendant element */
fieldset * {
    text-transform: uppercase;
}