CSS code not work

Questions and tutorials related to Cascading Style Sheets *all versions*

Moderators: macek, egami, gesf

echipbk
New php-forum User
New php-forum User
Posts: 1
Joined: Wed Jan 11, 2012 7:45 pm

CSS code not work

Postby echipbk » Wed Jan 11, 2012 7:50 pm

HTML code:

Code: Select all

    <p id="top">
   <p>my color is here</p>
    </p>



CSS code:

Code: Select all

    #top p {
   color:green;
    }



But actually, the above para "my color is here" doesn't change color. Can anyone help me? thanks a lot.

rupali
New php-forum User
New php-forum User
Posts: 140
Joined: Thu Oct 13, 2011 10:32 pm
Location: Chandigarh, INDIA

Re: CSS code not work

Postby rupali » Wed Jan 11, 2012 9:08 pm

hello,

the color that you have mentioned for paragraph it just enclosed with id first <p> tag and not implemented on another text within <p> tag. so use this way as below:

<html>
<head>
<style type="text/css">
#top{
color:green;
}
</style>
</head>
<body>
<p id="top">
my color is here
</p>
</body>
</html>

User avatar
WebOutGateway
New php-forum User
New php-forum User
Posts: 63
Joined: Mon Jun 13, 2011 9:25 pm
Location: Pasig City, Philippines
Contact:

Re: CSS code not work

Postby WebOutGateway » Mon Jun 08, 2015 12:57 am

You can also use this code instead for declaring id in a <p></p> tag.Simply set the color of p is green.

p{ color:green; }


Return to “CSS”

Who is online

Users browsing this forum: No registered users and 0 guests