假设我有这个课程:
.MyClass{background:red;}
这个类适用于几个div.我想通过更改MyClass中定义的颜色将背景颜色更改为橙色.
现在,我知道我能做到 $('.MyDiv').css('background', 'orange');
但我的问题是这样的:如何更改CSS类定义以便MyClass元素现在具有background:orange;？我希望能够将多种CSS颜色属性从一种颜色更改为另一种颜色.
谢谢.
<style>HTML头标记内有两个标记是否有效？
例如,我正在尝试为没有添加外部样式表的电子邮件客户端编写HTML页面.由于我们的模板系统的工作方式,我们更容易拥有
<head>
<style>
.someStyle{}
</style>
<style>
.someOtherStyle{}
</style>
</head>
而不是这个......
<head>
<style>
.someStyle{}
.someOtherStyle{}
</style>
</head>
如果选项2是执行此操作的唯一方法,我将这样做,但选项1由于各种原因更适合我们的框架代码.
可能重复:
如何在运行时更改/删除CSS类定义？
我有一个使用外部css文件的HTML页面.我想在运行时使用javascript更改外部文件的css规则.
myHtml.html
<html>
<head>
<link rel="stylesheet" href="myCSS.css" type="text/css">
<script type="text/ecmascript" src="myJS.js" />
</head>
<body>
<p> change css style color for this element using javascript </p>
</body>
</html>
myCSS.css
.p{ color:blue}
myJS.js
var ss = document.styleSheets[0]
var firstRule = ss.rules[0] // null
我想执行操作:
firstRule.style.color = "red" ;
我有:
<style id=inlinestyle>
.container {
height: 0;
}
.container li {
height: 10px;
}
.container li a {
color: pink;
}
</style>
我希望能够在不丢失其他风格的情况下定位和编辑`.container li a'.
$('#inlinestyle').html('#poop { color: red }');
这不会起作用,因为我会失去那里的一切.
值得一提的是,我将创建无限量的元素,因此内联样式不是一种选择.