Bummer! This is just a preview. You need to be signed in with an account to view the entire instruction.

CSS Selectors Quickstart

Well done!

You have completed CSS Selectors Quickstart !

Sign up for Treehouse Back to Library
Instruction

Custom Data Attributes

Attribute selectors target HTML elements based on an attribute and value. For example, the following targets all <label> elements with a title attribute:

label[title] {
  color: indigo;
}

HTML provides custom data- attributes that allow you to store extra information on any element. Data attributes are regular HTML attributes that begin with the data- prefix follow...