problems including cssin html

Question

0.00/5 (No votes)

See more:

Hello,

When to use "#" and "." while designing CSS??

e.g. What is difference between

html,body
{ }

#info
{ }

.infoitem
{ }

I am confused. How to include them in my html.

Posted 30-Aug-12 0:17am

comred

Add a Solution

3 solutions

Solution 2

CSS IDs :
are similar to classes in that they define a special case for an element. Below is an example of a CSS ID.
CSS Code:

p#e1 { background-color: white; }

HTML Code:

This paragraph has an ID name of
"exampleID1" and has a white CSS defined background

CSS Class:A class can be used several times, while an ID can only be used once

CSS Code:

p.myclass { background-color: #013370; color: white;}

HTML Code:

Check my class

Posted 30-Aug-12 0:26am

Kashinath Patil

Comments

comred 31-Aug-12 4:13am

Thank you Kashinath

Solution 1

same for all Including in HTML. For including in html there is no difference between #info and .info.

But if declare #footer then your div's ID should be footer just like given below:-

div id="footer"

if you declare .footer then your div's class property should be footer just like given below:-

div id="div1" class="footer"

Posted 30-Aug-12 0:24am

Sunil Kumar Pandab

Updated 30-Aug-12 0:26am

v2

Comments

comred 31-Aug-12 4:13am

Thank you Sunil.

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

enhzflep · Accepted Answer · 2012-08-30T02:23:00

Simply put, there are three basic cases:

Starts with a '.' - refers to class
Starts with a '#' - refers to id
Starts with neither - refers to tag name

.myClass - this will select all items with class='myClass'
#myId - this will select the single item with id='myId'
element - this will select all items of tag element <element>

HTML

<style>
    .firstItem { color: red; }
    #secondItem { color: green; }
    p { color: blue; }
</style>

HTML

<div class='firstItem'>This should be RED</div>
<div id='secondItem'>This should be GREEN</div>
<p>This should be BLUE</p>