Html 将css类的行为添加到另一个类中
如何在不改变html的情况下将某些类的行为应用到另一个类中? 我想:Html 将css类的行为添加到另一个类中,html,css,less,Html,Css,Less,如何在不改变html的情况下将某些类的行为应用到另一个类中? 我想: 有这样的行为: <table class="table table-striped table-bordered table-condensed">... 。。。 有可能通过css实现这一点吗 更新: 如何使用预处理器(LESS/SASS)执行此操作?有两种方法: 使用jQuery将类手动添加到每个表中 使用此方法意味着您将在加载javascript后看到站点“闪烁”新类(因为CSS的渲染阻塞更少) 使用
有这样的行为:
<table class="table table-striped table-bordered table-condensed">...
。。。
有可能通过css实现这一点吗
更新:
如何使用预处理器(LESS/SASS)执行此操作?有两种方法: 使用jQuery将类手动添加到每个表中 使用此方法意味着您将在加载javascript后看到站点“闪烁”新类(因为CSS的渲染阻塞更少)
使用CSS预处理器,如LESS或SASS(本例使用LESS)
研究如何在CSS中使用LESS或SASS预处理器。你愿意为此使用jQuery或javascript吗?谢谢,我可以在框架中使用CSS预处理器,比如grails吗?CSS预处理器是独立的。您可以将它用于任何您喜欢的东西,并编译最终的CSS文件并在grails中使用它。LESS:我可以在LESS中将指定的第三方类添加到我的类中,而不通过复制类代码来重复我自己吗?当然,您可以使用所谓的“Mixin”:
<table class="table table-striped table-bordered table-condensed">...
$('#name').addClass('table');
// or
$('table').addClass('table'); // Every table gets the class
#name { // Or table {
.table(); //This is the bootstrap mixin for tables
}