精華區beta b885060xx 關於我們 聯絡資訊
序 什麼是 CSS 的繼承性和優先概念呢? 想一想,如果我們在 ***.CSS 這個檔案中 更動了 BODY 這個標籤的屬性,而我們也在網頁中運用了在 BODY 前定義的 CSS 語法,然後我們又在網頁中 BODY 這個標籤中定義了一個不同於其他的定義方法 的屬性,那麼‧‧‧網頁會顯示出哪一個定義方法所定義的樣子呢?這就是優先 概念,而繼承性也是相同的意思。我們就來看看吧! CSS 的優先概念與繼承性 定義 CSS 有下列的方法:直接定義、在 BODY 前定義、以外掛方式定義,因為有 這麼多種定義方式所有會有優先概念的產生。那到底哪一個優先呢?以下是他們 的順序。 直接定義 -- 大於 在 BODY 中定義 -- 大於 以外掛方式定義。 了解到他們的不同了嗎。大家可以將下面的範例複製下來試試看。 <html> <head> <link rel=stylesheet type=text/css href=css1.css> <link rel=stylesheet type=text/css href=css2.css> <style type="text/css"> p {coplor:red} </style> </head> <body> <p style="color:green">這段文字以 p 的標籤定義為綠色<p> <p>這段文字前的標籤 p 並沒有定義任何東東<p> <p>這段文字前的標籤 p 也一樣並沒有定義任何東東<p> </body> </html> 以下是上一範例的連結檔記得要將這段也複製下來存成 css1.css 檔哦! p {color:blue} 以下是上上一範例的連結檔也要記得將這段也複製下來存成 css2.css 檔哦! p {color:yellow} 這樣而已嗎? 乍看之下好像解決了當前的問題,但還沒完!如果所定義的是在同一個層級中呢 。也就是說,如果我們在 css1.css 和 css2.css 分別定義了文字置右和置中的 屬性呢。那這樣一來誰才是老大呢。同一層級中,先定義的會被後定義的覆蓋過 去。這樣就解決了,在補充一點,各位可以用!IMPORTANT 這個屬性將某一設定 設為第一優先。只要將 !IMPORTANT 放在所要設定第一優先的屬性後面就行了。