What does the dot mean in CSS?

Cases

  • Selector start with dot

.class_name signifies class name

  • Two dotted selector separated by space

.outside .inside

means element with .inside class descended from an element with class .outside

  • Two dotted selector without separation

.name1.name2

means element that has both class name1 and name2
eg: class="name1 name2"

Related questions:

  • What does a space mean in a CSS selector? i.e. What is the difference between .classA.classB and .classA .classB?
  • What’s the difference between CSS classes .foo.bar (without space) and .foo .bar (with space)

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)