Execute JavaScript from CSS

Question

Part of the HTML page.

  <head>
    <title>Overview</title>
    <link href="mystyle.css" rel=stylesheet type="text/css">

I know it's unusual question, but is it possible to add a JavaScript code to mystyle.css ?

Edit1: The HTML is generated by third party software that I have no control on it. Only the CSS file is static and does not change (I thought I could add a JavaScript to be executed from the CSS file). in other words can I add this to mystyle.css

//CSS declaration... 
<script src="myjs.js">

The obvious answer is no. What do you want to achieve by adding that? — emmanuel, Oct 04 '14 at 20:38
The HTML is generated by third party software that I have no control on it. Only the CSS file is static and does not change (I thought I could add a JavaScript to be executed from the CSS file) — M'hamed, Oct 04 '14 at 20:44
@m'hamed you should add this comment to your question. it helps people understand your constraints. — martin jakubik, Oct 05 '14 at 07:54

score 0 · Answer 1 · edited May 23 '17 at 10:26

0

It is possible in some limited ways - see Using Javascript in CSS . You can also write out css rules via javascript: http://davidwalsh.name/add-rules-stylesheets . Or you can create two different css classes and apply them to elements via javascript, e.g. with jQuery's http://api.jquery.com/addclass/ or a native javascript equivalent.

I'm guessing you probably want to use variables within your css so you don't have to repeat css in several different places? Of all the techniques, if I could take a guess at what will really help you achieve what you want in a way that you won't regret later, I would recommend a css preprocessor like http://lesscss.org/

edited May 23 '17 at 10:26

Community

1
1

answered Oct 04 '14 at 20:49

Jim Grady

210
1
3

SASS, SCSS, and Stylus are also good preprocessors to consider. – Nicholas Cloud Oct 04 '14 at 21:11
The first link you give is five years old and contains solutions which were deprecated even at the time. In any case, the OP's question was not how to create CSS with JS, it was if he could include JS in a CSS file, the answer to which is quite simply, no. – Oct 05 '14 at 07:34
Sorry if I was not clear that the ways listed first were not recommended, that's what I meant by calling the last way the one you "won't regret." When I ask a question, I like to hear a little context about what people have tried in the past but ultimately decided against, and I like people to try to help me achieve what I'm trying to achieve instead of just saying no to what I literally asked, but maybe not everybody prefers that. – Jim Grady Oct 05 '14 at 19:30

score 0 · Answer 2 · edited May 23 '17 at 12:11

0

The answer is no.

Why?

Because you've been too late to the party

When was the "Party"?

The "Party" ended with the arrival of IE 10. They stopped using the "htc" hack.

Any other "Party" existing?

Yeah, there's the Firefox's XBL (XML Binding Language), but again, it'll just be for firefox.

You more or less can't do anything here.

edited May 23 '17 at 12:11

Community

1
1

answered Oct 05 '14 at 07:47

kumarharsh

18,961
8
72
100

benzo · Answer 3 · 2014-10-05T07:23:53.017

-2

you can, but you have to make tags with <script text...></script> I dont see a problem why wouldnt call it, but it would ruin organization. So better make seperate file and include it in html page.

edited Oct 05 '14 at 07:23

answered Oct 04 '14 at 20:40

benzo

421
1
6
22

Execute JavaScript from CSS

3 Answers3

Why?

When was the "Party"?

Any other "Party" existing?