Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何将多个css类选择器组合成一个?_Jquery_Html_Css - Fatal编程技术网

Jquery 如何将多个css类选择器组合成一个?

Jquery 如何将多个css类选择器组合成一个?,jquery,html,css,Jquery,Html,Css,我有几门选修课 .rt-grid-6{…} .largemargintop{…} .rt左{…} 我必须在html中的几个元素中使用它们 样品 <div class="rt-grid-6 largemargintop rt-left"> ... </div> <div class="rt-grid-6 largemargintop rt-left"> ... </div> ... 我可以在下面的示例中使用它们 <div

我有几门选修课

  • .rt-grid-6{…}
  • .largemargintop{…}
  • .rt左{…}
我必须在html中的几个元素中使用它们

样品

<div class="rt-grid-6 largemargintop rt-left">
    ...
</div>
<div class="rt-grid-6 largemargintop rt-left">
    ...
</div>
...
我可以在下面的示例中使用它们

<div class="item">
    ...
</div>
<div class="item">
    ...
</div>
...

...
...
...
我可以用这些值为同一个类定义一个新的.item类,但问题是我不能更改现有的类,同时我必须在相应的类中使用样式定义

我不能少用,因为我不能重新定义样式或访问源。我只收到一个编译后的css,按原样使用

那么,有没有任何可能的方式,我可以实现所期望的


以我提到的方式,解决方案可能不是必需的,但我希望增加维护,以便更容易从单个点向所需元素添加或删除类。

仅使用
CSS
是不可能的。您必须使用CSS编译器,如或

您可以看到一个指南:

带有
SASS
的示例:

.item
{
    @extend .rt-grid-6; //refer to the mentioned class
    @extend .largemargintop;
    @extend .rt-left;
}
非常简单


SASS
中,您可以使用变量,以及更多!它非常有用。

仅使用
CSS
是不可能的。您必须使用CSS编译器,如或

您可以看到一个指南:

带有
SASS
的示例:

.item
{
    @extend .rt-grid-6; //refer to the mentioned class
    @extend .largemargintop;
    @extend .rt-left;
}
非常简单


SASS
中,您可以使用变量,以及更多!它非常有用。

尝试使用SASS/LESS来克服这个问题。您正在使用的将不起作用

请尝试使用SASS/LESS来克服此问题。您正在使用的将不起作用

因为您不能使用less或sass,所以您可以使用temp css类名并使用jQuery替换它,如下面的代码所示

Html

<div class="temp-class">aaaaaaaaaaaaaa</div>
<div class="temp-class">bbbbbbbbbbb</div>

由于不能使用less或sass,所以可以使用temp css类名,并使用jQuery替换它,如下代码所示:

Html

<div class="temp-class">aaaaaaaaaaaaaa</div>
<div class="temp-class">bbbbbbbbbbb</div>

在常规CSS中,您不能这样继承。看看Less或SASS或其中一个编程CSS引擎,在这些引擎中,您可以做到这一点。:)您需要一个CSS预处理器,比如LESS:您不能在常规CSS中进行这样的继承。看看Less或SASS或其中一个编程CSS引擎,在这些引擎中,您可以做到这一点。:)你需要一个CSS预处理器,比如LESS:这看起来很棒!看来我需要安装软件了。可以只在网上做吗?可以。例如,您可以使用。您还可以使用
SASS
框架,例如,它对浏览器兼容性非常有用。一些框架,如
Symfony
SASS
兼容,可以自动编译。我建议你学习
SASS
!:)。这看起来很棒!看来我需要安装软件了。可以只在网上做吗?可以。例如,您可以使用。您还可以使用
SASS
框架,例如,它对浏览器兼容性非常有用。一些框架,如
Symfony
SASS
兼容,可以自动编译。我建议你学习
SASS
!:)。这是解决我问题最可行的办法。顺便说一句,只是想知道是否有可能撤销相同的?不只是为了我的知识。无论如何,感谢您的帮助:)您可以使用
$(“.temp class”).toggleClass(“rt-grid-6 largemargin-top-rt-left”)$(“.temp class”).toggleClass(“rt-grid-6 largemargin-top-rt-left”)