2012-06-27 72 views
2

我只是想知道是否存在CSS3的全局CSS重置。一些沿着Eric MeyerYUI創建的常用版本的行,但是專門用於CSS3。我曾經詢問谷歌,Github等渠道以及SO,但還沒有遇到全面的解決方案。是否有CSS3重置?

編輯: 術語「重置」可能是誤導性的,因爲它主要處理重置瀏覽器默認設置。 「重新校準」可能更適合。

我應該澄清並提出一個用例。

這將協同工作,與正常的CSS重置但也處理由旋轉,箱陰影,動畫,邊框半徑等有關的任何造型,作爲this post前面所提到的:

-webkit-transform:none; /* Safari and Chrome */ 
-moz-transform:none; /* Firefox */ 
-ms-transform:none; /* IE 9 */ 
-o-transform:none; /* Opera */ 
transform:none; 

的上面的代碼片段以及其他類似代碼將與任何可能受其影響的HTML標籤相關聯,就像當前的CSS重置一樣。

如果你在控制你的屬性,實現這個需求可能不會太常見。但是,例如,如果您創建的應用程序或插件將用於跨不同的域,插件腳本被調用的頁面樣式可能會影響插件本身的類型,這將是非常有用的。

我意識到還有其他方法可以馴服CSS繼承和處理跨域問題,但是這個問題是關於直接重置CSS3的。

非常感謝。

+6

好像前綴本身已經不夠用了...... – BoltClock

+1

默認情況下是否有任何標籤設置CSS轉換?我不明白爲什麼重置這種事情。 – bfavaretto

+1

我看不出這會有幫助。你爲什麼要問這個?有可能是你找不到現有解決方案的原因... – thirtydot

回答

2

解決問題的真正方法是使用scoped屬性,或使用Shadow DOM創建小部件。

這樣,你可以使自己免受外部CSS的影響。不幸的是,它們都沒有準備好使用,所以是的,你必須手動保護自己。

另一種方法是將代碼中的所有內容(變換,字體大小,填充等)設置爲!important,而不是將其重置爲0/none,然後重新設置它。

+1

非常有啓發性。影子DOM和範圍屬性 - 必須查看這些並在穩定時執行。謝謝。 –