---

 

 

 

在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 動畫設計 後期製作 網上商店 網上宣傳 網頁服務