如何使外部css文件只適用於一個元素

我的網站有一個默認的css文件，名爲'site.css'。如何使外部css文件只適用於一個元素

我使用jquery的datepicker，它有自己的css文件，名爲'jquery.css'。

當我在頁面的頁眉中導入它們兩個時，我發現佈局混亂了。

我想知道是否有可能使jquery.css風格僅適用於頁面中的日曆字段。

其實，它不是jquery.css搞亂我的佈局。這是我的site.css搞亂彈出日曆的佈局。

來源

2013-01-31 David Ruan

您可能只需要編輯jquery.css文件，以便在選擇器中沒有任何衝突，您可以使用容器並將jquery.css中的所有選擇器作爲該容器選擇器的前綴。 – Seer

這是官方的jQuery UI datepicker或第三方插件嗎？ – david

實際上修改了一個 –

給你的日曆字段一個id（如果它還沒有的話）。
進入JQuery CSS文件並取出datepicker的樣式。
這種風格粘貼到你自己的「的site.css」文件，但您的日曆字段的ID下（因此，如果您的日曆字段具有ID calendar然後使用：

#calendar { // JQuery style code you want copied here }

我在一個字段中加載一個完整的css樣式表沒有多大意義，更不用說拿出一些代碼來縮小它的影響力了。不妨去掉你需要的東西並重新使用它，記住John Resig在哪裏感覺它是適當的。

來源

2013-01-31 15:33:33 guypursey

jquery的css文件有點大。所以我試圖避免挖掘它。 –

所有更多的理由不包括整個文件在你的代碼中，因爲你可能只是增加不必要的加載時間，以獲得很少的回報。但我明白，挖掘它看起來有點嚇人:-)在文件中爲'.ui-datepicker'執行Ctrl-F搜索將會到達正確的位置。 JQuery UI是非常有組織的，所以你可能會提取整個部分用於你自己的文件。 – guypursey

它不僅僅是.ui-datepicker。我有一個嘗試，彈出日曆是一個沒有風格的普通日曆。所以我必須複製ui.icon ui.corner ...等等。 –

I add clas將網站的名稱「site」添加到site.css中的容器'div'。

並將class =「site」添加到我的頁面上的div。現在一切都很好。

謝謝大家。

來源

2013-01-31 16:21:34

如何使外部css文件只適用於一個元素

回答

相關問題