Question

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

例如：

.container{
}

.container .item {
}

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

在javascript的某个地方，项目的不透明度变为1，例如，$（'。item'）。css（'opacity'，1）但是我需要知道什么是某个项目的不透明度而没有运行时修改，基于仅在其课程上。 css的结构只是一个例子，不应该考虑检查不透明度。

有可能吗？

Answer 1

您可以使用jQuery知道CSS属性（比如不透明度）的值：

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

或者

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

Answer 2

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

看看我制作的这个小提琴。 div已经有opacity: 0.6;，当我们点击div时，它会生成div opacity: 0.2;（通过jQuery）。要删除此项，我们只需从style中删除div。

<强> 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;
    }
});

Demo Here

这是一个简单的演示，向您展示它是如何工作的。使用.css将css内联，它不会更改样式表。

详细了解.css here。

样式属性仅来自类

2 个答案: