Link external CSS file only for specific Div [duplicate]

by

Short answer: no.

Other ideas:

Use CSS preprocessor

.leftmenu {
    @include 'style.css';
}

This uses the nesting capability of CSS preprocessors to pre-qualify all the rules in style.css. Replace the @include with your favorite preprocessor’s directive for bringing in another CSS file.

Rewrite CSS manually

You can “namespace” the rules in style.css by changing all the selectors to be preceded by a qualifyng .leftmenu.

Rewrite CSS automatically

You could write JS code to rewrite the stylesheet selectors at run-time to prefix the selectors with the class name, which his essentially what this plug-in does: https://github.com/thingsinjars/jQuery-Scoped-CSS-plugin. Or you could do this rewriting on the server, whatever language it’s written in.

Use IFRAME as sandbox

If the content of the thing you want to apply the styles to can be placed in an iframe, you could add the style.css frame to the HTML loaded in the iframe.

That’s about it.

More Related Contents:

  1. Trying to make a div scrolls its content inside of a div with max-height:(px);But whenever i set the height in percentage the scroll does not work?
  2. Some styles don’t work on CSS so I have to add them in HTML
  3. Can’t scroll to top of flex item that is overflowing container
  4. How to match width of text to width of dynamically sized image/title?
  5. Stylesheet not loaded because of MIME-type
  6. How to place div side by side
  7. How to disable a link using only CSS
  8. Set the table column width constant regardless of the amount of text in its cells?
  9. How do I wrap text in a pre tag?
  10. IE8 support for CSS Media Query
  11. CSS :selected pseudo class similar to :checked, but for elements
  12. Get second line of bullet item to indent as first part – not underneath the bullet?
  13. Best practices for styling HTML emails [closed]
  14. How can I make my flexbox layout take 100% vertical space?
  15. How do I add a “search” button in a text input field?
  16. heading with horizontal line on either side [duplicate]
  17. CSS Background image not loading
  18. add title attribute from css
  19. How to add background image for input type=”button”?
  20. How to specify parameters to google chrome adobe pdf viewer?
  21. How to rotate and postion an element on the top left or top right corner?
  22. Bootstrap full-width text-input within inline-form
  23. Can you style html form buttons with css?
  24. Internet Explorer and clip-path
  25. Floating Div Over An Image
  26. How to remove the space between list items [duplicate]
  27. How can I make Bootstrap 4 columns all the same height? [duplicate]
  28. CSS making two divs equal height with display table
  29. Why are horizontal scroll bars shown on my website?
  30. Can I specify maxlength in css?

Leave a Comment