CODEWITHSUNDEEP
htmlcss
Nadav S.
Nadav S.

Reputation: 2459

Unlink a CSS stylesheet from specific page/div/tag

I am working on a website management utility for a friend of mine. In the index page, I have a link to a CSS stylesheet that came with a template I've bought. I use CKEditor to edit files, but the CSS stylsheet applies many bad styles to the editor.

I am not quite familiar with CSS (that's why I bought the template...) and I want to unlink the stylesheet only from the div/tag. I don't want to unlink it from the whole page, because it uses the stylesheet.

<div style="UNLINKED">   [CKEDITOR CODE GOES HERE]    </div>

I don't know if it is possible, but I need to do something with it. Thanks!

Upvotes: 3

Views: 8156

Answers (6)

Ashley
Ashley

Reputation: 1

Easy! All you have to do is delete the code at the top of the HTML! Once you do, the page automatically unlinks from the stylesheet. No need to override what was provided. :)

Upvotes: 0

Nadav S.
Nadav S.

Reputation: 2459

ok, so the solution may be different for every dev. if it's ckeditor, try deleting the table selectors. for me the problem was with the <td> selector. thanks for the answers...

Upvotes: 0

Jim Jeffers
Jim Jeffers

Reputation: 17920

In this case, I would advise embedding the code into an iframe element. Otherwise, there is no way to avoid the cascade without overwriting every rule affecting the content with more specific rules.

Upvotes: 0

Ninja
Ninja

Reputation: 5142

Assign a class to the div and create style for it- the styles defined in the class will override global styles. 

div.nostyle {
    margin: 0;
    padding: 0;
    text-decoration: none;
    border: 0 none;
}

<div class="nostyle">CKEDITOR CODE</div>

Upvotes: 1

Aak
Aak

Reputation: 182

It cannot unlink the stylesheet once if was linked on the beginning. Only some circumstances can help:

  1. put the all the <div ... </div> period into an iframe.
  2. or override all the style elements of the div

Upvotes: 0

jpatiaga
jpatiaga

Reputation: 352

You must override the styles, there is no way to "unlink" a specific element from the page styles. Therefore, for example, if your stylesheet defines bold text for all paragraphs like this:

p { font-weight: bold; }

you have to override that to bring the paragraph back to normal text:

div.unlinked p { font-weight: normal; }

Upvotes: 1

Related Questions