Difference between three CSS Selectors?

Question

What is the difference between these CSS selectors? I can't understand what makes that spaces between paragraph and '.'?

Check https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors for combinators. — Amit Kumar Singh, Sep 05 '17 at 16:02
https://stackoverflow.com/questions/1126338/what-does-a-space-mean-in-a-css-selector-i-e-what-is-the-difference-between-c — Paulie_D, Sep 05 '17 at 16:03
I have added an format fix. please remove the `{}` (stack overflow requires at least 6 fixes) — Maxwell s.c, Sep 05 '17 at 16:04

score 2 · Accepted Answer · edited Sep 05 '17 at 16:06

2

Considering p:

p .a - all elements with the class a inside paragraphs. (The fancy term for the space there is descendant combinator.)
p.a - all paragraphs that have the class a.
p .a i - all i(italic) elements inside elements with a class that are inside paragraphs.

edited Sep 05 '17 at 16:06

T.J. Crowder

answered Sep 05 '17 at 16:03

Maxwell s.c

1 Answers1