Apply CSS to certain part of website

Question

I'm building a WISYWIG in which I have an iframe that needs to have content.css applied to it.

content.css: (will be applied to the iframe (src: ./content/home.php))

#content h4
{
    font-size:30px;
color:brown;
text-shadow: 1px 1px #000000;
text-align:center;
}

editpage.php: // wisywig

<iframe id="content" src="./content/home.php"></iframe>

home.php contains content that needs to be shown on the homepage of my website. As you can imagine the #content in front of my h4 is used to apply this same css to a div inside my website. However, when I apply this same css to my iframe this css wont find a #content inside the iframe. Hence my previous question.

How can I apply this CSS to both a <div id="content"> and an iframe?

@BenM Sorry, you misunderstood me. I want the entire file just to work inside #lol without changing the content of content.css — user1534664
– user1534664, Commented Nov 30, 2012 at 11:02
Sorry, I understand what you're asking. This can't be achieved without changing your CSS selector. You know what the 'c' stands for in 'CSS', I assume... ;-) — BenM
– BenM, Commented Nov 30, 2012 at 11:03
give me a moment, I'm going to explain my entire situation. Its a bit complicated =P — user1534664
– user1534664, Commented Nov 30, 2012 at 11:05
I discussed this with my teacher. We came to the conclusion that it is not possible and we should use different stylesheets for the iframe and div#content — user1534664
– user1534664, Commented Nov 30, 2012 at 12:11

BenM · Accepted Answer · 2012-11-30 11:00:10Z

6

Yes. To apply your style to everything inside #lol, just use the * selector:

#lol * {
    display:inline-block;
    color:green;
}

If you only want direct descendants of #lol:

#lol > * {
    display:inline-block;
    color:green;
}

answered Nov 30, 2012 at 11:00

BenM

53.3k26 gold badges116 silver badges172 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Apply CSS to certain part of website

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related