/* UNIVERSAL SELECTOR */
* {
    font-family: Arial, sans-serif;
    color: #333;
}

/* TYPE SELECTOR */
h1, h2 {
    color: darkblue;
}

/* CLASS SELECTOR */
.note {
    color: green;
    font-weight: bold;
}

/* ID SELECTOR */
#intro {
    color: purple;
    background-color: #e5d4ff;
    padding: 5px;
}

/* CHILD SELECTOR */
div > p {
    color: red;
}

/* DESCENDANT SELECTOR */
div p {
    font-style: italic;
}

/* ADJACENT SIBLING SELECTOR */
h2 + p {
    color: orange;
}

/* GENERAL SIBLING SELECTOR */
h2 ~ p {
    background-color: #f0f0f0;
    border-left: 3px solid gray;
    padding-left: 5px;
}