Need Tips About CSS

[active-worker]

Hi Everybody,

Good day
Please see the following codes and response:

h4.footer-header{background: transparent url(images/footer-header.png) no-repeat;
    line-height: 58px;
    text-indent: 30px;
}

#video .play{
float:right;
margin-top:5px;
}

.mini_portfolio_item .block_inside { 
    background:none; background-color:#e2dddc; 
    padding:25px 30px 15px 30px; 
}



background: transparent url(images/footer-header.png) no-repeat;
line-height: 58px;
text-indent: 30px;}

Why there has no gap/space between h4.footer-header?
But why there has a gap/space between #video .play”?
Why “id (#)” and “class (.)” both use here?

.mini_portfolio_item .block_inside
Whether both class (.) is active here or not?

No more, I am waiting for your kind response.

Thank you.

[Saphire]

Hi,

The commers (,) are missing. Put a commer between h4 and .footer-header.

Put a commer between #video and .play.

Put a commer between .mini_portfolio_item and .bloke_inside.

They should all be active with commers between them.

[pixelsoul]

Why there has no gap/space between h4.footer-header?

There is no space because it is selecting the h4 with the class .footer-header applied to it. If there was a space in here, it would be looking for .footer-header with a parent of h4

But why there has a gap/space between #video .play”?

It is looking for .play as a child element of the id #video

Why “id (#)” and “class (.)” both use here?

http://css-tricks.com/the-difference-between-id-and-class/

.mini_portfolio_item .block_inside
Whether both class (.) is active here or not?

Huh??

[active-worker]

Hi guys,

I am very glad that you spent your valuable time to reply my topics. Yes, your information helps me a lot to understand the topics. I hope you will continue help me this way in future as well.

Thank you so much. Keep well. :)

[IIM]

.mini_portfolio_item .block_inside
Whether both class (.) is active here or not?

It means apply style to child of element(whose class is mini_portfolio_item) with class block_inside

Why there has no gap/space between h4.footer-header?But why there has a gap/space between #video .play”?

It means for a particular tag(h4 here),style the one with class "footer-header".So space is not there.For second case,both are attributes style,so space is required.As in second case it will look for the child element with class /id specifeid.

Why “id (#)” and “class (.)” both use here?

Because it is giving style to all elements with id "video" having child class "play".

Hopefully it is clear.

[active-worker]

Yes, now it is very clear to me.:) Thank you so much.