Change the Font Size of an Element. 100% zoom in the browser, still won't work.

I have this code, which should pass the tests:

<style>
  .red-text {
    color: red;
  }
  p{
    font-size: 16 px;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Purr jump eat the grass</p>
<p>Purr jump eat the grass</p>

It still won’t pass. I’m using firefox.

[georgebakerus]

@GuominWu the . means “for elements with a class of this name, apply this style”. Writing .p{style} means “apply this style to elements with class named p” . So for example the style will be applied to <h2 class=p> some_header2_content </h2>

Without the period, writing p {style...}means “apply this style to all p elements”. So for example the style will be applied to

<p>some_paragraph_text</p>
<p class=red-text>more_text</p>

and all other <p elements

[ghost]

@kikenz the .red-text class and the element p attribute should be on separate lines with separate curly braces.

@GouminWu Because the p is an element, not a class. Elements do not get the dot.