在Joomla的菜單項和模塊設置中，頁面Class后綴(Page Class Suffix)和模塊Class后綴(Module Class Suffix)這兩個參數允許你為Joomla生成的HTML頁面增加自定義的class，使我們可以通過CSS為一些頁面或模塊設定獨特的樣式。

在添加自定義class時，我們可以在class名稱前增加一個空格，例如“ myNewClass”(即“空格+myNewClass”)，這樣該class名稱就是一個我們希望得到的獨立的class。例如，原本的HTML

<div class="componentheading">

將變為：

<div class="componentheading myNewClass">

注意，如果在新class名稱前沒有加空格，那么HTML會變為：

<div class="componentheadingmyNewClass">

通過增加空格的方式為元素添加class后綴之后，我們的目標元素div就有兩個class名稱了。現在元素的樣式沒有任何變化，因為“componentheading”這個class依然在起作用。想要改變元素的樣式，我們必須為新的class增加一些CSS代碼。

例如，我們希望class中包含“myNewClass”的元素有一種特殊的背景色，那么可以在CSS文件中增加如下代碼：

.componentheading.myNewClass { background-color: #FFE4E1; /* mistyrose */}

因為我們在CSS選擇器中采用了連綴的方式，所以只有某元素同時擁有“componentheading”和“myNewClass”這兩個class時，該樣式才會被使用。

需要注意的是，在通過設定Class后綴參數的方式來增加HTML元素的class名稱時，要確保新的class不會與原有的重名。

  Tag: 設計公司 | 網頁設計公司 | 廣告公司 | 網站設計 | 平面設計 | 互動媒體 | 網頁設計 | Web design | Website design | design house | 媒體公司 | Iphone app | 程式設計 | Flash 網頁 | Flash game | 動畫設計 | 後期製作 | 網上商店 | 網上宣傳 | 網頁服務 |