我想在單張頁面上顯示圖形底部的圖標，並在列表頁面上與圖形並排顯示。所以，我添加了「list」或「single」類到數字標籤。然後，在css文件中，我使用這兩個代碼來區別它們的樣式：html5，如何爲不同的情況設計不同的圖案？
figure .list{....}
figure .single{...}
上述css對圖形顯示沒有任何影響。只有figlltion對.class figcaption代碼做出了反應。我該如何糾正它？
如果我理解正確的話，你要的樣式figcaptions。要做到這一點，你需要瞄準他們。還加入了類元素時，該類應寫入連接到元素，像這樣：
figure.list > figcaption { }
figure.single > figcaption { }
這隻能當figcaption是數字（因此>）的直接孩子。如果您要定位在CSS類的元素，寫連接到同一個點的元素的類
figure.list figcaption { }
figure.single figcaption { }
：如果不是，你可以用這個。像這樣：
figure.list { }
這可能是這個CSS由覆蓋一）其它文件添加一個樣式（如JS或PHP文件）或內嵌樣式B）是後寫的風格第一種風格c）一種風格，針對相同的元素，但定義更徹底/特別是d）!important。
body figure.list {float: left;}
figure.list {float: none;}
Example。即使可以預期第二行的值會覆蓋上一行，因爲第一行比上一行更具體，所以這不會發生。
如果您似乎無法找到您的款式無法正確顯示的原因，請嘗試使用瀏覽器（F12）的開發人員工具。 Chrome的工具非常好，但我不太喜歡Firefox。但是，您可以使用Firebug plugin。
嘗試點之前刪除您的空間：
figure.list{....}
figure.single{...}
這是層疊樣式表的基本。真丟臉。 – iegik
@iegik這不是因爲某些東西對你來說很基本，它對其他人來說是基本的。對於每個人來說，這是一個問答網站，不管他或她對這個話題有什麼知識，所以你不應該批評他們。 –
好的，但這個問答網站建議在提問之前做一點研究。我認爲縮寫「CSS」本身描述，規則'''.list_figurecaption'''將通過級聯應用規則。順便說一句，作者本身已經有了問題的答案。 :) – iegik