Can you style a noscript element?

html css noscript
nickf picture nickf · Mar 24, 2009 · Viewed 10.8k times · Source

Is it possible to use the noscript element in CSS selectors?

noscript p {
    font-weight: bold;
}

Answer

Rex M picture Rex M · Mar 24, 2009

Yes! You can definitely do that.

In fact, many (all?) browsers support targeting any arbitrary tag using CSS. "Official" tags in the HTML spec only define what a browser should do with them. But CSS is a language that targets any flavor of XML, so you can say foo {font-weight:bold;} and in most browsers, <foo> hello world </foo> will come out bold.

As Darko Z clarifies, IE6/7 do not add arbitrary (non-standard) elements to the DOM automatically from the source; they have to be programmatically added.

Related questions

Making HTML content expand to fill the window

I have an HTML page divided vertically into Header Body Footer The body in turn is divided horizontally into A large DIV on the left surrounded by scrollbars, displaying a portion of a diagram A form on the right The …

Read More
How can a site instantly detect that javascript has been disabled?

Normally, when a page is loaded, and the browser has Javascript disabled, we use the <noscript> tag to write something like a warning and tell the client to enable Javascript. However, Facebook, even after you load the page …

Read More
How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More