優先權較高的 CSS 設定


CSS 全名  Cascading Style Sheets, 它可以在 html 語法外 ,使網頁中有一些規則的組合,利用這些規則,可以跳脫原來的限制,使網頁編輯更靈活, 它的語法有很多, 您可以參考一些網站或書籍都有進一步的說明。

例如

border-color   邊線色

border-width     邊線厚度

border-style   邊線樣式

color         字色

font-family     字型

font-size        字大小

background-color  背景色

background-image  背景圖

 

在本系統平台中,為了讓您能進階設定網頁中的顯示,可以運用上傳一個 CSS 檔,而設定使這個 CSS 檔的內容為高優先權, 等於將網頁中的某些顯示由原先的 CSS 設定, 被您新的設定取代。

而如何使它成為高優先權?只要在 CSS 設定值後面加上 !important 便可以優先執行 。

步驟一

假如您要修改一段網頁上的字色, 其文字內容是"我要改這裡", 先在網頁中按右鍵,然後按檢視原始碼找到"我要改這裡",看看這段文字有沒有被 CSS 定義。CSS 是用 id 或 class 的標籤來設定, 所以找看看它的前面有沒有 id 或 class 的標籤,如果有就可以自行定義了。

步驟二

當您看到那段文字的前面有 id="abcd"時,則代表它是有被命名為abcd 的標籤所定義,那麼您可以在欲上傳的 CSS 檔中加一段標籤  #abcd{.........; !important} ,這段標籤就可以優先執行新的顯示設定。 而如果標籤是 class="abcd" 時,其做法也是相同,只 不過須將 # 改為 . ,變成 .abcd{.........; !important}

其他範例

 #sboot{font-size:13px; font-family: Arial, sans-serif; color: #996600; !important;} 代表 sboot 標籤定義了文字大小、字型、字色 ,並且宣告為高優先執行

如果檢視原始碼內容字之前沒有 id 或 class 代表這段字並沒有被 CSS 定義,那就無法以高優先定義 了,遇到這種情況,您可以來信或留言,由我們系統部看看是否可以為您加上CSS定義 。