样式属性只能来自类
Style property only from classes
是否有可能仅从类中获得某些css样式属性计算机,而不考虑可能的运行时操作?
例如:.container{
}
.container .item {
}
.container.inactive .item {
opacity:0.5;
}
在javascript的某个地方,项目的不透明度改变为1,例如,$('.item').css('不透明度',1),但然后我需要知道什么是某些项目的不透明度没有运行时修改,基于它的类。css的结构只是一个例子,不应该被用来检查不透明度。
有可能吗?
好的,我想我明白你想要什么了。
看我做的这把小提琴。div
已经有opacity: 0.6;
,然后当我们点击div
时,它将使div opacity: 0.2;
(通过jQuery)。为了消除这一点,我们可以简单地从div
中删除style
。
HTML: <div>Click Me</div>
CSS: div {
width: 100%;
height: 50px;
background: red;
opacity: 0.6;
}
jQuery: var count = 0;
$("div").click(function () {
if (count == 1) {
$(this).removeAttr("style");
count = 0;
} else {
$(this).css("opacity", "0.2");
count = 1;
}
});
演示
这是一个简单的演示,向您展示它是如何工作的。使用.css
将把css
内嵌,它不会改变样式表。
点击这里了解.css
的更多信息
你可以像这样使用jQuery来了解CSS属性的值(比如不透明度):
var color = $(".item").css( "opacity" );
或
var color = $(".container > .inactive > .item").css( "opacity" );
相关文章:
- 一个正则表达式,用于从JS中的HTML标记中删除id、样式和类属性
- 通过jQuery添加ng样式属性,angular不更新
- CSS样式属性留空
- d3.js圆的半径是否可以由样式属性指定
- 如何在不使用Page.Theme属性的情况下设置页面样式和主题
- 如何通过JQuery修改样式属性
- 获得'无法读取null的属性样式'
- 无法读取Null的属性样式
- 未捕获的类型错误:无法读取 null(索引):110 的属性“样式”
- 我一直收到未捕获的引用错误:未定义下拉菜单和未捕获的类型错误:无法读取 null 的属性“样式”
- 无法读取未定义的属性“样式”
- 重新打开程序函数返回类型错误“无法读取 null 的属性'样式'”
- MGWT ScrollPanel.scrollTo(0, y) 导致无法读取未定义的属性“样式”
- 如何使用 jQuery 删除多个标签的属性样式
- 为什么在 JavaScript 中无法读取 null 的属性“样式”
- 为什么我得到'无法读取属性样式为null ';错误
- 在Kineticjs中添加图像的属性样式
- 未捕获的类型错误:不能设置属性样式的#<它只有一个getter
- 无法读取属性样式,不同页面上出现错误
- 无法读取null的属性样式