样式属性只能来自类

Question

是否有可能仅从类中获得某些css样式属性计算机，而不考虑可能的运行时操作?

例如:

.container{
}
.container .item {
}
.container.inactive .item {
    opacity:0.5;
}

在javascript的某个地方，项目的不透明度改变为1，例如，$('.item').css('不透明度'，1)，但然后我需要知道什么是某些项目的不透明度没有运行时修改，基于它的类。css的结构只是一个例子，不应该被用来检查不透明度。

有可能吗?

Answer 1

好的，我想我明白你想要什么了。

看我做的这把小提琴。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的更多信息

Answer 2

你可以像这样使用jQuery来了解CSS属性的值(比如不透明度):

var color = $(".item").css( "opacity" );

或

var color = $(".container > .inactive > .item").css( "opacity" );