這可能是乙個非常簡單的問題，但是今天花一點點時間把這個簡單的問題在說清晰一點，相信大家對ｃｓｓ的學習和認識會很有幫助，強化一些概念的東西，對以後的工作效率的提高是很有裨益的。
我們看過一些樣式表檔案的樣式名都寫的很長，比如：body #header .topbar.logo，這是因為利用了元素的繼承關係，利用元素名，或者ｉｄ名和類名（也就是class名）來精確定位和描述某乙個區域的css樣式**式。
初學樣式表的人肯定會說，我要精確定位乙個區域的樣式表，用乙個class名不就可以嗎，還需要這麼麻煩嗎？這話說的沒錯，做只有幾個頁面的小網頁，也確實不用這麼麻煩，但是當你規劃乙個大型**的時候，你就肯定要利用web元素的繼承關係，按照從大區域到小區域的次序來寫ｃｓｓ文件。這就就象畫畫一樣，學過繪畫的朋友，都知道，像素描都是先打型然後在鋪大色調，最後是深入刻畫。ｃｓｓ文件也是，確定大區域的結構，然後在深入繼承和規劃。
好了，言歸正傳，今天要講的是ｃｓｓ樣式表中繼承關係的空格與不空格的問題。先看下面的乙個例子：
這是我的ｃｓｓ檔案：
這是我的body元素裡的**：
www.cppcns.com
在ｃｓｓ檔案裡td後面跟著的class名是 a 和 b ,a裡面我定義的字型顏色是綠色，b裡面我定義的字型顏色是紅色．現在我要說的是，這兩個樣式表寫法都是正確的，類名b沒有空格連著元素，而類名a有空格接著元素，執行此**，你發現頁面顯示字型為綠色，這說明頁面讀取了樣式表td空格a的程式設計客棧內容，由此我們可以推斷，頁面樣式表檔案是按照頁面元素由里到外的次序來讀取的，取近舍遠的原則。
如果我們把樣式表td空格a的空格程式設計客棧去掉，你會發現，現在頁面字型的顏色是讀取的樣式表b裡的內容，字型變為紅色的了。這說明了不空格的樣式表寫法是針對在當前所在元素內而定的，(因為在頁面td元素**裡我們只有寫class=b，而沒有a，所以a樣式表的內容將不在頁面中表現出來),而有空格的樣式表寫法是繼承了當前元素內某個元素而定，通過反覆的幾次測試，繼承的層級至少是乙個層級以上就可以了，具體沒有嚴格的規定。
相信看到這裡，大家對樣式表空格與不空格的關係已經有了一點認識，希望在以後的學習中與大家共勉。如有不正之處，還望包涵，指點！我也只是在工作學習中領悟點www.cppcns.com認識與大家分享。高手請勿見笑。
本文標題: css樣式表中繼承關係的空格與不空格
本文位址: /web/css/26243.html
點讚打賞
分享如果認為本文對您有所幫助請贊助本站
宣告：凡註明"本站原創"的所有文字等資料，版權均屬程式設計客棧所有，歡迎**，但務請註明出處。
標籤：空格 網頁製作 網頁 教程 繼承 關係 樣式
ie7新支援的css屬性和屬性選擇符css教程:可擴充套件圓角標籤的實現方法
您可能感興趣的文章:
廣告贊助
廣告贊助
最新發布
全站最新
廣而告之
© 2018-2021 程式設計客棧 贛icp備17006162號-9
贛公網安備 36110202000251號
top
css樣式表的屬性
屬性名稱 字型屬性 font font family font style font variant font weight font size 顏色和背景屬性 color background color background image background repeat background ...
CSS樣式表的使用
在用html5寫網頁的時候，結合css能夠讓頁面更美觀。由於只在做課程設計和實習的時候使用過，並沒有系統的學習過，使得自己對於css的使用一直處於能用，但是容易弄混的階段。為了弄清楚css樣式表的使用，特地看書系統學習，現總結如下 css是通過選擇器對不同的html標籤進行控制，從而實現各種效果。常...
css樣式表的理解
全拼cascading style sheete 美化html網頁 1分為內聯樣式表 和html聯合顯示 內嵌樣式表 在單獨區域內嵌，必須在head 外部樣式表 需建乙個css檔案，儲存並附加 2選擇器 class選擇的是以 開頭的 id選擇的是以 開頭的 復合選擇器 以 隔開，使其作用一樣 p,s...