What is the difference? 1

[ReportingAnalyst]

Hi,

What is the difference between the two of the following?

#menu {
  padding:0;
  margin:0;
  }

and

.menu {
  padding:0;
  margin:0;
  }

I do know that .menu means a CSS class which I can apply to a HTML tag (form element)

What does #menu mean and where should be used?

When I do I know when you use .menu or #menu?

Thanks.

 

[dkdude]

The first: #menu : the hash mark means that this is an element ID reference. Used like this

<div id="menu">...</div>

ID's are unique -so there can be only one tag with the same ID in the same html document.

The second: .menu :the dot means that this in an element class identifier. Used like this:

<div class="menu">...</div>

classes are ... classes. Hence there can be as many as you see fit tag with the same class in the same html document.

 

[trollacious]

The pound sign (#) means that the CSS applies to all elements with the ID menu (id="menu").

Using the period in front of a CSS pseudoclass means that anything on the page will be rendered according to that CSS with class="menu" in the element open tag.

Lee

 

[dkdude]

So bacially you should use the # (hash) for things that arear only once per page and the . (dot) for things that apear more than once per page.

Does this make sense 2u?

 

[trollacious]

You use the # if you want to apply the style to a specific ID, and the . if you're using the style as a pseudoclass without regard to the ID.

Lee

 

[Foamcow]

An ID identifies an individual, unique HTML element.

A CSS class is a convenient, shorthand way to apply the same set of styles to multiple HTML elements.

<honk>*:O)</honk>
Designease Ltd. - polyprop folders, ring binders and creative presentation ideas
Earl & Thompson Marketing - Marketing Agency Services in Gloucestershire