从类到元素推广css样式

时间:2013-05-06 21:52:43

标签: css

我在外面使用css,我无法改变(公司标准外观)。它定义了我想要使用的一些样式,比如

.tableclass { blah; blah }

但是这需要我在HTML标签中指定一个类,比如

<table class="table class">

我的HTML是由其他工具生成的,我宁愿不必编辑它。所以我想插入一个额外的css,将所有类特定样式提升到所有表格元素。

讨论Is there a way to apply a CSS class from within a style?(sass“@extend”)与我想要的非常接近,但似乎只能将一个类规范转换为另一个类规范,而不是按照此处的描述进行推广。也就是说,这有效:

/* File1.css */
.tabletype { blah; blah }

/* File2.css */
.mytabletype { @extend .tabletype }

/* Page.html */
<table class="mytabletype">

但这不是:

/* File1.css */
.tabletype { blah; blah }

/* File2.css */
table{ @extend .tabletype }

/* Page.html */
<table>

可以吗?

1 个答案:

答案 0 :(得分:1)

您真的应该编辑HTML以包含类,以便保持代码简单。

也就是说,你可以很容易地用jQuery完成同样的效果:

$('table').addClass('custom_table');

示例:http://jsfiddle.net/justincook/QuEkk/