0

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.

4
Contributors
5
Replies
26
Views
4 Years
Discussion Span
Last Post by active-worker
-2

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.

1

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??

0

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. :)

0

.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.

Edited by IIM

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.