Home/ Questions/Q 9012273
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T02:57:13+00:00

Possible Duplicate: Embedding extra styles with noscript Define css if javascript is not enabled

  • 0

Possible Duplicate:
Embedding extra styles with noscript
Define css if javascript is not enabled

I am trying to define specific CSS styles only if Javascript is turned off. I am using:

<noscript>
    <style type="text/css">
    .needjs {display:none !important;}
    .mwnojs { margin-top: 40px !important; }
    </style>
</noscript>

When trying to validate the page source, I get the error “Element style not allowed as child of element noscript in this context”.

So, how would I go about doing this while keeping my markup valid?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try something like this:

    <html class="nojs">
<head>
<script type="text/javascript">
document.getElementByTagName("html")[0].className="";
</script>
<style>
html#nojs {
   /* do something */
}
</style>

    This removes a class while loading the page. If javascript is not activated the class won’t be removed.

    • 0