Home/ Questions/Q 607099
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T17:19:26+00:00

In css examples, I’ve seen rules defined starting with a . and some starting

  • 0

In css examples, I’ve seen rules defined starting with a . and some starting with # – sometimes these are mixed in the same file. What is the difference between these rules:

h1  { font-size:18pt;}
.new-alerts  { font-size:11pt; font-weight:bold;}
#old-alerts  { position:relative; font-size:10pt; }

Are they referenced differently on the html page? Is it how the properties are inherited?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    . refers to a class. <span class="one" /> could be selected with .one.

    # refers to an ID. <span id="one" /> could be selected with #one.

    You should be using classes when there could be more than one of a given element, and IDs when you know there will only be one. #navigation-bar would be using an ID because you will only have one navigation bar in your layout, but .navigation-link would be using a class name because you will have multiple navigation links. (It’d be better practice to use #navigation-bar a:link to get the navigation links, but you get my point.)

    • 0