我长期以来一直是一名网络程序员并且不知道这个问题的答案我感到愚蠢,我实际上希望这是可能的,我只是不知道而不是我认为的答案(这是不可能的) .
我的问题是,是否有可能创建一个"继承"另一个CSS类(或多个)的CSS类.
例如,假设我们有:
.something { display:inline }
.else { background:red }
Run Code Online (Sandbox Code Playgroud)
我想做的是这样的事情:
.composite
{
.something;
.else
}
Run Code Online (Sandbox Code Playgroud)
其中".composite"类既显示内联又显示红色背景
我正在尝试为点击的元素添加一个类.元素已经分配了几个clases,包括一个带边框的clases.
虽然我知道我可以使用removeClass()删除当前的CSS类,但我需要该类提供的其他样式.所以我想知道下面的例子,我不能用addClass()覆盖边框样式是边框是否已经设置了属性?我不想使用内联样式,因为它们不易维护.
CSS:
.dibHighlight{border:1px solid orange;}
Run Code Online (Sandbox Code Playgroud)
JQuery不起作用:
$(this).closest('.drop').addClass('dibHighlight'); // Doesn't work
Run Code Online (Sandbox Code Playgroud)
有效的JQuery:
$(this).closest('.drop').css({ border: "1px solid orange" }); // Works
Run Code Online (Sandbox Code Playgroud)