Loupely Lens
How it works What it captures Compare Pricing Blog
Join the waitlist
How it works What it captures Compare Pricing Blog Join the waitlist
Skip to content
The image features a circular purple logo with a camera lens icon and the text "LoupeLy Lens" in a modern font. The logo is centered and includes a small dot representing the camera lens.

Loupely Lens

  • About
  • Acceptable Use Policy
  • Auth-Callback
  • Blog
  • Changelog
The image features a circular purple logo with a camera lens icon and the text "LoupeLy Lens" in a modern font. The logo is centered and includes a small dot representing the camera lens.
Loupely Lens
Popular Search chrome
  • All
  • A
  • B
  • C
  • D
  • E
  • F
  • G
  • H
  • I
  • J
  • K
  • L
  • M
  • N
  • O
  • P
  • Q
  • R
  • S
  • T
  • U
  • V
  • W
  • X
  • Y
  • Z
  • Home
  • Encyclopedia
  • C
  • CSS Selector

CSS Selector

< 1 min read

A CSS selector is the part of a CSS rule that identifies which elements on the page the rule applies to. It comes before the curly braces that contain the actual styling instructions.

Selectors range from broad to precise. A type selector (button) matches every button on the page. A class selector (.primary-button) matches every element with that class. An ID selector (#submit-button) matches only the 1 element with that specific ID. Selectors can be combined: .header .nav-link matches only elements with the class nav-link that are inside an element with the class header.

The selector is what determines a rule's specificity score, which determines whether that rule wins when it conflicts with another rule trying to set the same property. Understanding the selector is usually the first step to understanding why a style you set isn't taking effect. When Loupely Lens identifies a winning rule in Fight View, it shows you the full selector so you can see exactly what the rule is targeting and why it scored higher than yours.

© 2026 Loupely Lens - WordPress Theme by Kadence WP

Loupely Lens The only CSS tool that tells you why your change didn't work. Every other tool copies styles. Lens diagnoses them.
Loupely Lens
How it works What it captures How Lens compares Pricing
Resources
Knowledge base Roadmap Changelog
Company
About Blog Indie Hackers
© 2026 Loupely LLC. Built by Joyce Akiko.
Privacy Terms
  • About
  • Acceptable Use Policy
  • Auth-Callback
  • Blog
  • Changelog