Units & Selectors

One of the reasons CSS is so tough to master is that even apparently small decisions can sometimes have big consequences. Should you size your fonts in ems or pixels? Which selector should you use? Is there a way to avoid having to use JavaScript to accomplish what you want?

Having a good grasp of units and selectors makes all these decisions, if not simple, at least a little easier.

Units

Completion Percentage: 99.55% (11266)
Completion Percentage: 99.55% (11266)
Percents%CountΣ

Which CSS units do developers use?

Pseudo-Elements

Completion Percentage: 98.56% (11154)
Completion Percentage: 98.56% (11154)
Percents%CountΣ

Which pseudo CSS selectors do developers use?

Combinators

Completion Percentage: 98.42% (11138)
Completion Percentage: 98.42% (11138)
Percents%CountΣ

Which combinations of CSS selectors do developers use?

Tree & Document Structure

Completion Percentage: 98.31% (11126)
Completion Percentage: 98.31% (11126)
Percents%CountΣ

Which structure related CSS selectors do developers use?

Attributes

Completion Percentage: 91.54% (10360)
Completion Percentage: 91.54% (10360)
Percents%CountΣ

Which attributes CSS selectors do developers use?

Interaction

Completion Percentage: 99.34% (11242)
Completion Percentage: 99.34% (11242)
Percents%CountΣ

Which interaction CSS selectors do developers use?

Form Controls

Completion Percentage: 90.45% (10236)
Completion Percentage: 90.45% (10236)
Percents%CountΣ

Which form related CSS selectors do developers use?

The Complete Design to Code Learning Path

Take a deep-dive into the essential features of CSS, while also exploring CSS features you probably didn’t even know existed!
Thanks to our partners for supporting us! Learn more.