CSS: compound selectors

By Xah Lee. Date: . Last updated: .

Compound Selectors

A compound selector is a sequence of simple selectors .

/* examples of compound selectors */

/* tag name and class name */
div.x {
 color: red;
}

/* id and pseudo-class */
#x6056:hover {
 color: red;
}

/* tag name, attribute, pseudo-class */
input[type="text"]:focus {
 color: red;
}

/* tag name, pseudo-element */
p::first-letter {
 color: red;
}