從類到元素提升css風格

Question

我從外部使用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> 

能不能做到？

Answer 1

你真的應該編輯HTML以包含類，以便讓代碼簡單。

這就是說，你可以很容易地實現與jQuery相同的效果：

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

例子：http://jsfiddle.net/justincook/QuEkk/