What does the dot mean in CSS?

by

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:

More Related Contents:

  1. Which characters are valid in CSS class names/selectors?
  2. How are the points in CSS specificity calculated
  3. Complex CSS selector for parent of active child [duplicate]
  4. Select every Nth element in CSS
  5. CSS3 selector :first-of-type with class name?
  6. Why isn’t it possible to combine vendor-specific pseudo-elements/classes into one rule set?
  7. CSS selector for “foo that contains bar”? [duplicate]
  8. How to use JSF generated HTML element ID with colon “:” in CSS selectors?
  9. What does an asterisk (*) do in a CSS selector?
  10. CSS selector based on element text? [duplicate]
  11. Pure CSS checkbox image replacement
  12. CSS selector for attribute names based on a wildcard
  13. How can I select an nth child without knowing the parent element?
  14. IE8 :nth-child and :before
  15. CSS selector to select first element of a given class
  16. How to select label for=”XYZ” in CSS?
  17. CSS: styled a checkbox to look like a button, is there a hover?
  18. Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?
  19. CSS Selector for
  20. How can I apply styles to multiple classes at once?
  21. Is it possible to select the last n items with nth-child?
  22. CSS property value from class name
  23. LESS CSS: abusing the & Operator when nesting?
  24. Multiple descendant children selector with css [duplicate]
  25. Angular 2: How to style host element of the component?
  26. How do I select an element only when inside another element?
  27. Should I use single colons (:) or double colons (::) for before, after, first-letter and first-line pseudo-elements?
  28. How do I apply a style to all children of an element
  29. What is the difference between pseudo-classes and pseudo-elements?
  30. Shorten verbose CSS that repeats combinations of elements and pseudo-classes

Leave a Comment