Trying to combine selectors gives me wrong result

Question

Hi everyone.
I'm just learning HTML5 and CSS3 and have hit a stumbling block.
I am trying to color format all elements within a <section id="faq">.  They are an h2, h3 and p. The only sequence that gives me the desired effect is this:
#faq,
#faq p {
          color: hsl(298, 20%, 39%);
But from what I understand, I shouldn't have to repeat the #faq to color p(?)  If I don't repeat it, the p is colored, but not the h2 and h3.  Shouldn't the ID tag make it easy to color EVERYTHING within that <section>?
Am I missing something?
Thanks,
B.

Answer 1

Hey everyone.
Thanks for your replies - I appreciate them.  Nancy, I am using an external stylesheet only, so there's not any issue with embedded or inline styles conflicting.
Okay, so I suppose my mistake was in assuming that a class/ID declaration would automatically overide any existing styles for the elements it contains.
If, as you mention, Jon, repeating "#faq" beside the p selector is not improper, I'll keep it. But when I ran my css through the w3 validator, it tagged this as an error.
Here's the entire code so far - perhaps you all can tell me if it is proper:
body {
    font-family: "Times New Roman";
a:link {
          color: blue;
a:visited {
          color:green
a:focus {
          color:red
a:hover {
          color:orange
a:active {
          color:purple
p {
          color: hsl(263, 0%, 42%);
#faq,
#faq p {
          color: hsl(298, 20%, 39%);
h1, h2, h3, h4 {
    font-family: "Arial";  
#main-title {
    font-weight: bold;
    font-size: 40px;
h2 {
    font-size: 30px;
h3 {
    font-size: 20px;
Thanks again!
B.