why creating a style element doesn't work?

Question

Possible Duplicate:
Creating a CSS class in jQuery

$("< style>span{color:red}< /style>");


jQuery < span>jQuery< /span> jQuery

Voting to close. Please add more details and then add a comment — JohnP, Apr 16 '11 at 17:07
try this http://stackoverflow.com/questions/3393162/creating-a-css-class-in-jquery — andres descalzo, Apr 16 '11 at 17:08
You should read a jQuery tutorial first: http://docs.jquery.com/Tutorials — Felix Kling, Apr 16 '11 at 17:10

Pekka · Accepted Answer · 2011-04-16T17:13:45.273

6

Heh, interesting idea.

This works if you insert the element into the DOM:

 $('head').append($("<style>span{color:red}</style>"));

Dynamically fiddling with CSS usually has some side effects, but this should okay: It works fine even in IE6.

edited Apr 16 '11 at 17:13

answered Apr 16 '11 at 17:06

Pekka

He hasn't actually appended it to the DOM though. If that's what he's trying to do at any rate – JohnP Apr 16 '11 at 17:08
2

Just a tip for the future: If you are going to be chaining more commands, append gives you the item you are appending to, while appendTo gives you back the item you are appending. In this case, there's not much value, but I like to point it out. – Levi Morrison Apr 16 '11 at 17:21

Levi Morrison · Answer 2 · 2011-04-16T17:17:21.003

2

$("<style>span{color:red}</style>").appendTo('head'); ?

edited Apr 16 '11 at 17:17

answered Apr 16 '11 at 17:08

Levi Morrison

No need for the `$('head')` part, just use: `.appendTo('head');` – Shaz Apr 16 '11 at 17:14
Oops, lol. I typed that pretty fast. – Levi Morrison Apr 16 '11 at 17:17

2 Answers2