<style>
.foo {
color: red; <-- how to change this from jquery
}
</style>
How can I change default css from jquery without $() selector? so entire elements contain class will changed?
Asked
Active
Viewed 72 times
0
Benjamin W
- 2,658
- 7
- 26
- 48
-
1$(".foo").css("color", "red"); This doesn't work? – McCuz Jan 26 '17 at 13:28
-
Possible duplicate of [Changing a CSS rule-set from Javascript](http://stackoverflow.com/questions/1409225/changing-a-css-rule-set-from-javascript) – JJJ Jan 26 '17 at 13:29
-
You wan't to change foo class style from JQuery ? – zronn Jan 26 '17 at 13:29
-
cant change css inside of style tag? – Benjamin W Jan 26 '17 at 13:29
-
@McCuz That's exactly what the OP doesn't want to do – JJJ Jan 26 '17 at 13:29
-
Brainfart, you're right. – McCuz Jan 26 '17 at 13:30
-
2Is there a reason you can't override the value in your own stylesheet? Using JS for this isn't ideal. – Rory McCrossan Jan 26 '17 at 13:31
1 Answers
0
you can use javascript :
<head>
<link id="style" rel=stylesheet href="large.css">
</head>
function changeStyle(){
if(window.innerWidth<900){
document.getElementById("style").setAttribute("href","small.css");
}else if((window.innerWidth)>900 &&(window.innerWidth)<1200){
document.getElementById("style").setAttribute("href","medium.css");
}
else
document.getElementById("style").setAttribute("href","large.css");
}
window.onresize=changeStyle;
changeStyle();
Hemant
- 1,961
- 2
- 17
- 27