jquery – 如何在不复制的情况下在另一个类中重用css类内容?

前端之家收集整理的这篇文章主要介绍了jquery – 如何在不复制的情况下在另一个类中重用css类内容?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以使用现有的css类作为另一个类的内容

我的意思是:

Contained in some library:
.class1 { text-indent: 100 }

 I can not change this:
 <span class="class2" />

class2的定义也包含在另一个库中.所以我不能直接改变它.

But I want to do something like that in my CSS file:
.class2 { .class1 }

我知道这是不可能的.但是也可以使用一些技巧来实现没有复制class1内容的行为?我需要这个,因为我想用另一个CSS类的内容重新定义类.我们的项目也使用JQuery,但我会用CSS来做.

编辑:我应该解释一下,我不能改变.class1是如何定义的,因为这个类是在一个库中,我不能改变在span类上的标记.

解决方法

在标准CSS中做什么是不可取的,因为没有纯粹的遗产.

尽管它不适用于您的代码限制,但这是更接近的方法

.class1,.class2 { text-indent: 100 }

    .class2 { 
            /* Styles you want to have only in class 2 */
    }

    <span class="class2" />

另一方面,作为@A. Wolff指出,您仍然可以使用js / jq将类添加到特定元素:$(function(){$(‘.class2’).addClass(‘class1’)});然后只需为这些元素设置一个特定的CSS规则.

如果你不想使用JS,对于类似的东西你需要使用SASS或类似的,“编译”到CSS.

猜你在找的jQuery相关文章