Question

I seem to have got some brain stuck-up.

How should I design a CSS to include h1 and p that are classed intro?!

This will target all h1s and ps.

h1, p { ... }

but this

h1, p .intro { ... }

only targets h1 classed as intro, without affecting the *p*s that are classed intro. What’s the syntax for that (so I don’t have to define the following?

h1.intro { ... }
p.intro { ... }

I’ve also tested the following, without success.

h1.intro, p. intro { ... }

Answer 1

Almost correct. Skip the blank at p.

h1.intro, p.intro { ... }

When used as the OP pasted it, i.e.

h1.intro, p .intro { ... }

the interpretor will see a class called intro not connected to a context of anything, i.e. equivalent to the following.

h1.intro, .intro { ... }