結合CSS3列數不工作

Question

大家好我測試過，並試圖CSS和代碼，但仍無法得到它的工作在本頁面：

http://www.beauty-courses-distance-learning.co.uk/aromatherapy-self-use-wellbeing.html

我試圖將css3列數添加到鏈接列表底部的「您可能感興趣的其他課程」，但儘管增加了列數，但它並未顯示/正常工作，並且列表仍然像往常一樣下載頁面。

任何幫助將不勝感激。謝謝。

Answer 1

CSS2中，標識符（包括元素名，類和在 選擇器的ID）只能包含字符[A-ZA-Z0-9]和ISO 10646個 字符161和更高的，再加上連字符（ - ）;他們不能以 連字符或數字開頭。它們也可以包含轉義字符和任何ISO 10646字符作爲數字代碼（請參見下一項）。例如， 標識符「B & W？」可以寫成「B \ & W \」或「B \ 26 W \ 3F」。

.2coltext您的.2coltext類以數字開頭，因此未被拾取。嘗試從類中刪除數字，它應該工作正常。

.coltext { 
    -moz-column-count:2; /* Firefox */ 
    -webkit-column-count:2; /* Safari and Chrome */ 
    column-count:2; 
}