2011-04-23 78 views
5

我在樣式表中看到過這個,我想知道它是否真的做了什麼,如果是的話,它是做什麼的?谷歌似乎沒有幫助我在這一個。我已經從代碼中刪除了url,但我很好奇這個實際上是否做了什麼。我看到它已被註釋掉,但我只是好奇。幫助設計師嚴格來說是一種風格嗎?@group和@override在CSS中?

/* @override 
    <url of stylsheet> 
*/ 

/* @group Colors */ 

/* Orange - ff7800 */ 
/* Gray Blue - 373d4a */ 

/* @end */ 

回答

7

如@frank提到的,/* @group *//* @end */是由咖啡中使用元數據。以下是這個元數據在行動中的屏幕截圖。文件夾在窗口右側的導航器中創建。

Espresso With CSS Navigator

如果您使用的VI,那麼你可以在CSS文件中添加以下注釋創建快速導航褶皺。

/* 
vim: set foldmethod=marker: 
vim: set [email protected],@end: 
vim: set nofoldenable: 
*/ 

如果你不熟悉的vim摺疊一些關鍵連擊是:

ž中號 - 關閉所有的摺疊

ž - 打開摺疊

ž一個 - 關閉倍

ž一個 - 切換摺疊打開/關閉

VI folds in action

+1

'@覆蓋'也是一個只有咖啡的東西......它可以讓你用本地樣式表覆蓋實時頁面的樣式表。這樣,您可以預覽樣式表將如何影響頁面,而無需上傳任何內容(對樣式化動態頁面非常有用)。 – daGUY 2013-07-27 03:23:19

0

是的,他們只是對編輯CSS文件的人的評論。它不會影響佈局或功能。

1

那些看起來像一些編輯器元標記。我猜@group是一樣的#region在視覺工作室和@override鏈接另一個CSS文件的東西像intellisense,但我還沒有看到任何編輯支持這一點,所以我可能是錯的。

1

任何的這些東西里面,

/* 
    Foo... 
*/ 

是一條評論。它不被任何瀏覽器讀取或解釋,所以它絕對不會影響網頁的呈現。

我的猜測是,這個代碼,

/* @group Colors */ 

/* Orange - ff7800 */ 
/* Gray Blue - 373d4a */ 

/* @end */ 

可以由CSS-產生解釋器中使用,像SASS,當它輸出其最後CSS。

只是一個猜測...

+0

在我的問題中,我說我知道評論是什麼。 :) – 2011-04-23 18:47:59

+0

只要忽略第一段,然後;) – Blender 2011-04-23 18:48:47

+0

你從哪裏得到這個文件,我可以問一下嗎?也許它有更多的評論。 – Blender 2011-04-23 18:49:12

3

這些是由HTML/CSS編輯器Espresso(原名CSSEdit)使用meta標籤。

1

正如許多人已指出, @group只是分段或分組您的CSS的一種方式。

CSS Edit將把所有的CSS放在側欄導航的一個漂亮的文件夾中,這樣你就可以輕鬆瀏覽大型的CSS文件。

我發現它很方便,當我轉換一些有很多CSS文件的網站時,我想把所有的CSS都放到一個文件中。

我將使用@group來分割來自每個原始網站文件的CSS ......每個文件都有一個@group